* {Tamaño de caja: cuadro de borde; }: ¿Marcar o no la casilla de borde todos los elementos?
Comenzaré a desarrollar un nuevo sitio web y me estaré preparando para lidiar con los diferentes métodos que utilizan los navegadores para calcular el ancho y la altura de los elementos (cosas del modelo de caja). De alguna manera, me vino a la mente: ¿qué pasa si simplemente aplicobox-sizing
¿A todos los elementos del sitio web?
Soy uno de los que creen eso.box-sizing: border-box;
Es uno de los mejores comandos que hay en CSS, con todas sus limitaciones. Sin embargo, esas mismas limitaciones son las que me hacen preguntarme si debo aplicarbox-sizing
a todos los elementos:
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
Por supuesto, mi sitio web debería ser compatible con tantos navegadores como sea posible, ybox-sizing
crea algunas preguntas cuando pensamos en IE7-. Sin embargo, a veces el programa es tan estrecho que sería fantástico ganar unos minutos extra al no preocuparse por este problema específico.
De todos modos, ¿crees que aplicando?box-sizing:border-box;
¿Todos los elementos son una buena política o debo seguir haciéndolo solo para los elementos que realmente lo necesitan?