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/