火狐不运行"box-sizing:border-box"？

Question

Firefox 不会运行 "box-ssize：border-box"，而 IE 和 Chrome 还可以吗？对此有什么解决方案？

Answer 1

Firefox 支持通过-moz前缀box-sizing

-moz-box-sizing: border-box;

您也可以将其编写为：

-moz-box-sizing: border-box;
/* only needed to support very old browsers */
-webkit-box-sizing: border-box;
box-sizing: border-box;

这将优先考虑非专有box-sizing 当 Firefox 实现它时。 目前，Firefox是唯一支持padding-box的浏览器。

Answer 2

使用供应商前缀：-moz-box-sizing: border-box;

像这样更好的使用方式

 -moz-box-sizing: border-box; // for older browser
-webkit-box-sizing: border-box; // for older browser
box-sizing: border-box;