Глобальный селектор с размером окна

Question

Я читал, что некоторые разработчики используют box-sizing в глобальном селекторе как обычную практику для всего веб-проекта. Это лучшая практика или ее следует избегать? А о производительности?

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

Answer 1

Короткий ответ: да, это нормально использовать.

Вот оптимизированный фрагмент кода:

/* apply a natural box layout model to all elements, but allowing components to change */ 
html { 
    box-sizing: border-box; 
} 
*, *:before, *:after { 
    box-sizing: inherit; 
} 

Читайте здесь больше:

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

Answer 2

Это лучшая практика.

Прочитайте это:

http://learnlayout.com/box-sizing.html

Answer 3

Это лучшая практика, да, но ваш макет будет искажаться, если вы также стремитесь к IE 7 и других старых браузерах. Они не поддерживают коробку. Так, используйте ее соответственно.