1. js设置图片宽高

设置img的height为auto就好了，这个时候你改变宽度，图片就会按照等比例改变！

2. css设置图片宽高

1、上传图片。先要构思你想得到什么效果，小图片和大图片的内容要配合好。按照步骤和提示，上传大小两张图片。（注：下面举例图片选自网络）。

2、获取图片地址。点“显示源代码”，进入代码编辑。找到图片地址，复制到“记事本”备用。

3、编辑小图片。

、清空编辑器，将下列代码粘贴：＜P><IMG src=“小图片地址”＞＜／P>。将本文第二步形成的小图片地址，粘贴的这组代码中“小图片地址”那个地方，形成一组新代码。

4、编辑大图片。将本文第三步最后形成的那组新代码，复制到“记事本”备用。

清空编辑器，将下列代码粘贴：

<P align=center>

<TABLE border=0 cellPadding=0 width=589 background=大图片地址align=center height=390><TBODY><TR><TD>

5、将本文第二步形成的大图片地址，粘贴的这组代码中“大图片地址”那个地方，形成一组新代码。综合编辑。

将本文第三步、第四步形成的新代码放到一起，形成新的代码：＜P align=center>

<TABLE border=0 cellPadding=0 width=500 background=http://s1.sinaimg.cn/mw690/0025PfUZzy6Jl8u9ksMa0&690 align=center height=390><TBODY><TR><TD><P><IMG src=http://s3.sinaimg.cn/mw690/0025PfUZzy6Jl74xGhkf2&690”＞＜／P>

（注意：代码中图片的宽高和图片实际宽高要一致）

预览，看看是不是合在一起了。

6、为小图片定位。

MARGIN: 0px 0px 0px 0px是定位代码，改变每个0的数值，就可以改变图片离边的距离。修改好后，就发布吧。要是配上音乐就更好了。

3. js设置图片宽度

像你这么说，貌似只有用js来判断了，首先给图片上下左右居中，给父级元素设置overflow:hidden;然后用过js来获取当前图片的宽高，如果宽度大于高度，那么就高度为100%，宽度自适应，反之宽度100%，高度自适应；

4. 网页图片怎么设置宽高

用美图秀秀把照片大小改成30kb以下的步骤：

1、打开常用的浏览器，在搜索栏输入美图秀秀，选择第一个带有官方标志的美图秀秀在线图片处理工具。

2、进入美图秀秀网页版界面后，点击“人像美容”功能模块。

3、在弹出的对话框中选择“打开一张图片”，找到需要修改kb大小的那张图片，打开。

4、打开图片后，点击美图界面左上角的第二个“美化图片”功能，在“美化图片”功能的左侧下拉列表中点击最后一个“修改尺寸”功能。

5、在弹出来的尺寸修改对话框中点击“锁定宽高比例”前面的选择框，取消这个项目的勾选，然后调整宽度、高度值到合适的尺寸，点击确定。

6、修改完成后点击美图秀秀界面右上角的“保存与分享”功能。

5. 设置图片高和宽

Step1：打开PS软件，菜单栏：文件-打开-选择需要处理的图片；

Step2：查看原图尺寸，菜单栏：图像-图像大小，可以看到图片原尺寸为500*667像素，如果直接将下方宽度和高度都改为640，会发现我们的图片发生了变形，因为原始宽高比≠输出宽高比；

Step3: 我们可以利用裁剪工具，调整图片宽高比例。来到左侧工具栏中，找到裁剪工具并点击；

如何使用PS修改图片宽高像素大小

裁剪工具

Step4: 来到上方属性栏，将裁剪宽高比改为640：640，

此时我们可以看到图片中出现了裁剪框，移动图片，使其主体在框中显示，主体部分便是裁剪后需要保留下来的部分，然后点击右侧“√”确认；

Step5: 再次来到菜单栏：图像-图像大小-将宽度和高度均改为640像素即可；

Step6: 菜单栏：文件-另存为（快捷键：Ctrl+Shift+S）将图片命名并保存到目标文件夹。

6. html设置图片宽度

子标签高度和宽度是相对父标签，如果父元素没有设置宽度和高度，那么子标签会向上找，也就是父元素的父元素，以此类推您这个例子，子标签div是块元素，父元素以及祖宗元素都没有宽度，子标签的100%宽度就是相对根元素html，加上div是块元素，默认会充满整个盒子子标签的高度100%，此例是相对body元素，而body又相html所以子标签的高度取决于html高度希望能帮到你

7. 设置图片宽高比

1.在PS里 打开图片 选择图像——图像大小如果只是想把原图修改为较小的图而保持图片宽高比不变 可以直接输入想改的数值 注意要勾选上约束比例！要不图片会变形输入宽度值时你会发现高度值也会改变 像素大小由原来的xxM也变为xxM了 小了好多2.如果你想要把大照片裁切成较小的图片 可以用裁剪工具选择裁切工具后 会看到属性栏上有宽度、高度、分辨率 后面的空白是可以设置具体数值的哦如果你要做个480*600像素的图片 就在宽度后输入480然后用鼠标右键选择单位 一般我们都是选择像素（px）的 分辨率可以写72 确定 OK

8. js设置图片大小

用JS的onresize事件就可以了，onresize事件会在窗口或框架被调整大小时发生。该事件支持的对象是window，使用代码如下： window.onresize = function(){ alert(1); } window.onresize = myFun();

9. js设置元素宽高

1.首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。

所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。

2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;只能指定百分比宽度：width: xx%;或者width:auto;

10. 图片设置宽高比例

　　

1、打开电脑，点击一下左下角的开始。　　

2、找到程序，鼠标放上去，自动出来一系列，再找到附件，找到画图，点击画图，打开系统自带的画图软件。　　

3、点击左上角的文件，然后点打开，找到你要更改的图片的位置，然后点图片，并确定打开此张图片。　　

4、点击上面的命令条里的图像一栏，然后出现对话框，对话框里选择拉伸、扭曲一栏，点确定。出现的对话框里，输入你要拉伸的数字，长或者是宽。建议拉伸的时候，长宽用同一个数字。这样，不会失比例。　　

5、输入数字后，点确定后图片会相应拉大或者是缩小。再点击文件，然后选择另存为，取一个新的名字，保存。之所以另存，这是因为拉伸或者是缩小图片后，相应会失真。所以，另存会保护原照片。