* {Box-sizing: border-box; }: Para caixa de borda ou não para caixa de borda todos os elementos?
Vou começar a desenvolver um novo site, e estou me preparando para lidar com os diferentes métodos que os navegadores usam para calcular a largura e a altura dos elementos (material do modelo de caixa). De alguma forma, veio à minha mente: e se eu apenas aplicarbox-sizing
para todos os elementos no site?
Eu sou um daqueles que acreditam nissobox-sizing: border-box;
é um dos melhores comandos que existe em CSS, com todas as suas limitações. No entanto, essas mesmas limitações são as que me fazem pensar se devo aplicarbox-sizing
para todos os elementos:
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
É claro que meu site deve ser compatível com o máximo de navegadores possível ebox-sizing
cria algumas questões quando pensamos sobre o IE7-. No entanto, às vezes o cronograma é tão apertado que seria ótimo ganhar alguns minutos extras sem se preocupar com esse problema específico.
Enfim, você acha que aplicandobox-sizing:border-box;
para todos os elementos é uma boa política ou devo continuar fazendo isso apenas para os elementos que realmente precisam?