* {Box-sizing：border-box; }：要邊框還是不邊框所有元素？

Question

我將開始開發一個新網站，並且準備好處理瀏覽器用來計算元素寬度和高度的不同方法（box model stuff）。不知何故，我想到：如果我只是將box-sizing應用於網站中的所有元素，該怎麼辦？

我是其中一個認爲box-sizing: border-box;是CSS中最好的命令之一，它具有所有的侷限性。然而，同樣是這些限制是誰，讓我懷疑我是否應該適用box-sizing所有元素的那些：

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

當然，我的網站應該與儘可能多的瀏覽器儘可能地兼容，並box-sizing產生了一些問題的時候，我們想想IE7-。但是，有時候時間表太緊了，以至於不用擔心這個特定問題，多等幾分鐘就太棒了。

無論如何，你認爲將box-sizing:border-box;應用於所有元素是一個很好的策略，還是應該只對實際需要的元素保持這樣做？

Answer 1

我認爲這是一個好主意。事實上，我將開始在我的網站上做同樣的事情。在我的項目 之一（部署;：{邊界盒盒大小}

這裏保羅大約在相同的方式使用它

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

我們一直在使用*會談生產，平均每月100萬次訪問）在工作 大約一年了，現在看起來似乎沒什麼問題。該項目已經在IE8 & 9和最新的Firefox和Chrome 版本中測試過，我們沒有遇到任何問題。所有jQuery（+ UI）偏移量 計算和動畫運行良好，即使在我們將 顯示爲內聯塊的任何元素中。到目前爲止，我們已經開始在移動設備（iPhone，iPad和Android）上測試 項目，並且我們還沒有 有關它們中的任何一個的盒子尺寸的問題，所以它似乎工作 就好了。

我發現這個幫忙照顧的問題在IE7

https://github.com/Schepp/box-sizing-polyfill