曾經(jīng),IE 6 和更低版本的非標準盒模型被廣大開發(fā)者噴得體無完膚。是IE 原來的盒模型真的不好么?最后,時間給了另外一個答案。 W3C 終于認識到所謂標準盒模型在實際使用中的復雜性,于是在 CSS3 中增加 box-sizing 這一屬性,允許用戶自定義盒模型。
You tell me I'm wrong, Then you better prove you're right.
這就是 W3C 的證明。
現(xiàn)在,Amaze UI 將所有元素的盒模型設置為 border-box。這下好了,媽媽再也不用擔心你沒計算好 padding、border 而使布局破相了。咱是來寫樣式的,不是來學算術(shù)。
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem; /* =16px */
}
與 em 根據(jù)上下文變化不同,rem 只跟基準設置關(guān)聯(lián),只要修改基準字號,所有使用 rem 作為單位的設置都會相應改變。
更多建議: