使用css實(shí)現(xiàn)IE下可以使用bodyzoom12實(shí)現(xiàn)，其他高級瀏覽器可以使用bodytransform scale12實(shí)現(xiàn)。

ltimg src=zhidaogif width=100% height=50% 使用以上代碼插入圖片，就會按瀏覽器窗口大小縮放也可以使用javascript對圖片大小進(jìn)行改變。

1首先拿出電腦，開的vscode軟件2其次找到關(guān)于照片的代碼，更改圖片標(biāo)簽3最后加上big指令，輸入指數(shù)即可等比例縮小。

使用CSS maxwidth和maxheight實(shí)現(xiàn)圖片自動等比例縮小 很簡單我們要使用到maxwidth和maxheight，這樣即可設(shè)置對象圖片最大寬度和最大高度，這樣圖片就會等比例縮放圖片，然圖片相對不變形清晰使用maxwidth300px或maxheight100px，即可解決圖片比例縮小但這樣存在一個問題，如果按照寬度縮放，但圖片。

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

viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁初始大小占屏幕面積的100%#xF4CF相對大小的布局不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素CSS代碼不能指定像素寬度widthxxx px只能指定百分比寬度width。