box-sizing
一部の開発者は、Web プロジェクト全体の一般的な方法として、グローバル セレクターで を使用していると読みました。これはベストプラクティスですか、それとも避けるべきですか? そしてパフォーマンスについて?
*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
box-sizing
一部の開発者は、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 やその他の古いブラウザーも対象としている場合、レイアウトが歪んでしまいます。ボックスのサイズ変更はサポートしていません。したがって、それに応じて使用してください。