En la presentación 'Maintainable CSS' by Natalie Downe, he visto una recomendación que dice:¿Por qué "NUNCA debes usar la altura en px en nada con texto dentro"?
"tener miedo a las alturas, el vértigo es saludable en la web NUNCA use la altura en píxeles en cualquier cosa con el texto en el interior."
¿Por qué es eso?
supongo que es debido a dos razones:
px no se escalan con el tamaño de fuente, mientras que al menos las alturas en em sí.El comportamiento de diseño por defecto de los elementos HTML es ser tan alto como se requiere para su contenido, que es grande, porque significa que la gente puede poner en tanto contenido como que necesitan. Trabaja con el grano.
Los navegadores permiten que las personas aumenten el tamaño de fuente de las páginas web que están viendo, lo que es excelente, porque significa que realmente pueden leer la página cómodamente sin tener que hacer zoom y panorámica. Esto puede generar incluso pequeñas cantidades de texto usando más líneas y, por lo tanto, más píxeles de lo que esperaba.
Porque nunca se sabe quién será el texto allí. Si establece la altura en px en un div como height: 200px, siempre puede agregarle texto adicional más tarde que se derramará del div de altura fija. O los usuarios pueden cambiar el tamaño del texto, o diferentes fuentes tienen diferentes alturas. Simplemente cualquier razón pontential donde el contenido puede crecer más grande que el div heiht fijo.
Otra pequeña razón es que los diferentes navegadores y sistemas operativos presenten las letras de manera diferente (que afecta al tamaño), lo que hace que sea difícil para el usuario para predecir el tamaño del contenedor de texto tiene que ser.
La altura de cualquier Elemento que tenga contenido puede hacer que el diseño sea complicado si el contenido crece. Y también la altura en píxeles es IE se representa de manera diferente. – Anil