全局選擇器與框尺寸

Question

我讀過一些開發人員在全局選擇器中使用box-sizing作爲整個Web項目的常見做法。這是最佳做法還是應該避免？關於性能？

*{ 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box; 
} 

Answer 1

簡答：是的，使用起來很好。

這裏是一個優化的代碼片段：

/* apply a natural box layout model to all elements, but allowing components to change */ 
html { 
    box-sizing: border-box; 
} 
*, *:before, *:after { 
    box-sizing: inherit; 
} 

這裏閱讀更多：

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

Answer 2

這是一個最好的做法。

閱讀：

http://learnlayout.com/box-sizing.html

Answer 3

它是一個最好的做法，是的，但你的佈局會被扭曲，如果你也瞄準了IE 7和其他舊版瀏覽器。他們不支持box-sizing.So，相應地使用它。