* { Box-sizing: border-box; } : Обрамлять или не обрамлять все элементы?

Я начну разработку нового веб-сайта, и я готов иметь дело с различными методами, которые браузеры используют для вычисления ширины и высоты элементов ( блочная модель ). Как-то мне пришло в голову: а что, если я просто применю box-sizingко всем элементам на сайте?

Я один из тех, кто считает, что box-sizing: border-box;— одна из лучших команд CSS со всеми ее ограничениями. Однако те же самые ограничения заставляют меня задаться вопросом, следует ли мне применять box-sizingко всем элементам:

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

Конечно, мой веб-сайт должен быть совместим с максимально возможным количеством браузеров, и box-sizingвызывает несколько вопросов, когда мы думаем об IE7-. Однако иногда расписание настолько плотное, что было бы здорово выиграть несколько дополнительных минут, не беспокоясь об этой конкретной проблеме.

В любом случае, вы считаете, что применение box-sizing:border-box;ко всем элементам является хорошей политикой, или я должен продолжать делать это только к тем элементам, которые действительно в этом нуждаются?

8
задан Cthulhu 13 January 2016 в 12:19
поделиться