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

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

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

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

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

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