文章詳情頁
javascript - 瀏覽器縮放大小的實現(xiàn)原理
瀏覽:180日期:2023-03-01 11:10:07
問題描述
RT,因為個人使用習慣的原因,使用chrome都是把默認縮放比例調(diào)成90%的,今天測試一些頁面的時候出現(xiàn)了樣式錯亂的問題,然而在縮放比例為100%的情況下,所有的瀏覽器測試都正常,并且在低分辨率的電腦上測試也正常,所以萌生了了解縮放原理的想法,查了一些資料后說是更改了html標簽的width和height,然而經(jīng)過實際測試并不是這樣的,所以想問問各位大牛,瀏覽器縮放的原理究竟是什么,謝謝
問題解答
回答1:我們正常看到的顯示的頁面一般為設(shè)備像素的大小(100%縮放),或者更準確的說是設(shè)備像素與css像素為1:1下的場景。當我們縮放屏幕的時候,設(shè)備像素不會變化,但css像素會變化。具體的推薦你看這篇博客:https://www.quirksmode.org/mo...
回答2:html { zoom: 90%}回答3:
CSS 有 zoom 屬性,可以控制內(nèi)容的縮放。瀏覽器的縮放大概實現(xiàn)方式類似吧。至于錯位問題,大部分瀏覽器對字體都有默認的最小值,當小于最小值后,文字并不會被縮放,導致了內(nèi)容的折行,從而把布局撐開。
標簽:
JavaScript
相關(guān)文章:
1. mac里的docker如何命令行開啟呢?2. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. nignx - docker內(nèi)nginx 80端口被占用4. docker容器呢SSH為什么連不通呢?5. 為什么我ping不通我的docker容器呢???6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題7. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。8. docker-compose 為何找不到配置文件?9. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!10. docker gitlab 如何git clone?
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備