具有框大小的全局选择器

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和其他旧版浏览器，你的布局也会失真。它们不支持盒子化。因此，请相应地使用它。