問題描述

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

問題解答

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

html { zoom: 90%}回答3：

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