css樣式 body的font-size 為什么用625%


瀏覽器的默認高度?
一般為16px.

為什么用62.5%作為body的默認樣式?
16px62.5%=10px.*

那么為什么一般多是

16px  *625% = 100px;

 

《響應式Web設計實踐》中提到過這一點,桌面瀏覽器默認頁面字體大小是16px,這種情況下設置成具體像素大小或者對應的百分比,看起來的效果是一樣的,但是其他類型的設備的默認字體大小不一定是16px,特別是高分辨率的設備,16px大小的字體在它們上面看起來會非常小,所以不能在body上設置具體像素值,設置成百分比,可以按照設備的基准字體大小給編寫的網頁設置好最適合用戶瀏覽的字體大小。
書中原文:最重要的不是屏幕實際的像素大小,屏幕上文字的可讀性才是最重要的

因為設了62.5%后就有1rem = 10px,便於用rem來指定元素的尺寸,這樣響應式的時候可以直接改變font-size而無需計算其他各種樣式中出現的尺寸了。 用rem定義尺寸的另一個好處是更能適應縮放/瀏覽器設置字體尺寸等情況(因為rem相對於字體大小,會同步改變)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM