css - 带框大小的全局选择器

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。因此，请相应地使用它。