今天調試網站時發現一個問題,頁面在IE下顯示正常,但在Chrome下卻顯示異常。
IE:
Chrome:
用開發人員工具查看css
字體大小為12px,當調整字體為10px后查看Computed Style:
很奇怪是不是,怎么還是12px。看來應該是瀏覽器本身對字體進行了限制,果然改成13px字體就會變大看來是有個字體大小的下限。
打開Chrome選項->高級選項->自定義字體
點開后出現如下界面:
大家可以看到這邊有個默認的字體大小下限為12。設置的小一點的話頁面顯示就正常了。
據說只在中文版的Chrome下才會有這個12px的默認設置,也許是怕中文在12px以下就會模糊影響體驗吧。
由此可見自己在瀏覽器的特性方面還是了解的太少,特作此記錄分享之。