Css 具有框大小的全局选择器

我读到一些开发人员使用全局选择器中的

框大小调整

，作为整个web项目的常规做法。这是最佳做法还是应该避免？性能呢

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

---

简短回答：是的，可以使用

下面是一个优化的代码段：

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

请阅读此处了解更多信息：

这是一种最佳做法

阅读以下内容：

---

这是一种最佳实践，是的，但如果您同时瞄准IE 7和其他较旧的浏览器，您的布局将被扭曲。它们不支持框大小。因此，请相应地使用它。

取决于您的布局。。