javascript - 瀏覽器縮放大小的實現原理

問題描述

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

問題解答

我們正?？吹降娘@示的頁面一般為設備像素的大?。?00%縮放），或者更準確的說是設備像素與css像素為1:1下的場景。當我們縮放屏幕的時候，設備像素不會變化，但css像素會變化。具體的推薦你看這篇博客：https://www.quirksmode.org/mo...

html { zoom: 90%}回答3：

CSS 有 zoom 屬性，可以控制內容的縮放。瀏覽器的縮放大概實現方式類似吧。至于錯位問題，大部分瀏覽器對字體都有默認的最小值，當小于最小值后，文字并不會被縮放，導致了內容的折行，從而把布局撐開。