La razón principal para usar EM o porcentajes es permitir que el usuario cambie el tamaño del texto sin romper el diseño. Si diseña con fuentes especificadas en PX, no cambian de tamaño (en IE 6 y otras) si el usuario elige el tamaño del texto, más grande.
- ¿Cuál es el beneficio de usar el valor EM para el tamaño de la fuente??
- ¿Por qué deberías usar EM en lugar de PX??
- ¿Debo usar REM o EM o PX??
- ¿Debo usar Em o VW??
¿Cuál es el beneficio de usar el valor EM para el tamaño de la fuente??
EMS no tiene tamaños fijos. Son escalables, y por eso EMS es bueno para el desarrollo web móvil. Los EMS son relativos al tamaño de la fuente en el CSS. Si no tiene un conjunto en el CSS, entonces 1 EM generalmente será igual a 16px, que generalmente es el tamaño de fuente predeterminado en los navegadores.
¿Por qué deberías usar EM en lugar de PX??
Las unidades PX aseguran resultados consistentes incluso si eso no es ideal. EM es relativo al tamaño de fuente del elemento principal, por lo que si desea escalar el tamaño del elemento en función del tamaño de su padre, use EM.
¿Debo usar REM o EM o PX??
Dentro de CSS, EM y REM son unidades escalables que también especifican valores de propiedades. EM y REM cumplen con los estándares de accesibilidad web y, a diferencia de PX, escala mejor. En consecuencia, son más adecuados para el diseño receptivo.
¿Debo usar Em o VW??
Use EM o REM para cosas como: tamaño de fuente, relleno, margen. Use % para el ancho o la altura de los contenedores, DIV u otros componentes grandes. Use VH y VW para tamaño secciones como un porcentaje del tamaño de la pantalla (por ejemplo, uso mucho esto para forzar las secciones con imágenes de fondo para ser de pantalla completa (VH) y/o ancho completo (VW)))