Я начну разработку нового веб-сайта, и я собираюсь разобраться с различными методами, которые используют браузеры для расчета ширины и высоты элементов (box model stuff). Почему-то мне пришло в голову: что, если я просто применим 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;
ко всем элементам является хорошей политикой или я должен продолжать делать это только для тех элементов, которые на самом деле нуждаются в этом?
Я также один за границы коробки. Возможно, вы захотите прочитать это также http://paulirish.com/2012/box-sizing-border-box-ftw/ – Ana