使用css实现IE下可以使用bodyzoom12实现，其他高级浏览器可以使用bodytransform scale12实现。

ltimg src=zhidaogif width=100% height=50% 使用以上代码插入图片，就会按浏览器窗口大小缩放也可以使用javascript对图片大小进行改变。

1首先拿出电脑，开的vscode软件2其次找到关于照片的代码，更改图片标签3最后加上big指令，输入指数即可等比例缩小。

使用CSS maxwidth和maxheight实现图片自动等比例缩小 很简单我们要使用到maxwidth和maxheight，这样即可设置对象图片最大宽度和最大高度，这样图片就会等比例缩放图片，然图片相对不变形清晰使用maxwidth300px或maxheight100px，即可解决图片比例缩小但这样存在一个问题，如果按照宽度缩放，但图片。

用js控制viewport ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，userscalable=noquot用rem 用less或者sass来写。

viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积的100%#xF4CF相对大小的布局不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素CSS代码不能指定像素宽度widthxxx px只能指定百分比宽度width。