html - Firefox は「box-sizing:border-box」を実行しませんか?

Question

Firefox は "box-sizing:border-box" を実行しませんが、IE と Chrome は問題ありませんか? これに対する解決策は何ですか？

Answer 1

Firefox は接頭辞box-sizingを介してサポートします-moz

-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;