問(wèn)題描述

RT,因?yàn)閭€(gè)人使用習(xí)慣的原因，使用chrome都是把默認(rèn)縮放比例調(diào)成90%的，今天測(cè)試一些頁(yè)面的時(shí)候出現(xiàn)了樣式錯(cuò)亂的問(wèn)題，然而在縮放比例為100%的情況下，所有的瀏覽器測(cè)試都正常，并且在低分辨率的電腦上測(cè)試也正常，所以萌生了了解縮放原理的想法，查了一些資料后說(shuō)是更改了html標(biāo)簽的width和height，然而經(jīng)過(guò)實(shí)際測(cè)試并不是這樣的，所以想問(wèn)問(wèn)各位大牛，瀏覽器縮放的原理究竟是什么，謝謝

問(wèn)題解答

我們正?？吹降娘@示的頁(yè)面一般為設(shè)備像素的大小（100%縮放），或者更準(zhǔn)確的說(shuō)是設(shè)備像素與css像素為1:1下的場(chǎng)景。當(dāng)我們縮放屏幕的時(shí)候，設(shè)備像素不會(huì)變化，但css像素會(huì)變化。具體的推薦你看這篇博客：https://www.quirksmode.org/mo...

html { zoom: 90%}回答3：

CSS 有 zoom 屬性，可以控制內(nèi)容的縮放。瀏覽器的縮放大概實(shí)現(xiàn)方式類(lèi)似吧。至于錯(cuò)位問(wèn)題，大部分瀏覽器對(duì)字體都有默認(rèn)的最小值，當(dāng)小于最小值后，文字并不會(huì)被縮放，導(dǎo)致了內(nèi)容的折行，從而把布局撐開(kāi)。