* {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?

Respuestas a la pregunta(1)

Su respuesta a la pregunta