css - *{ box-sizing: border-box }

Question

*{
  box-sizing: border-box;
}

これは良い考えですか？欠点はありますか？

これは、要素に 100% の内部パディングを持たせたい場合に非常に便利です。パディングのために内部に別の要素を追加する必要がないため:/

Answer 1

最大の欠点は、多くのブラウザー (特に IE8 未満) では機能しないことです。ここで使用法を確認してください。

これを使用するときは、通常、スタイルシートに次のすべてが含まれていることを確認します

.my-element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}