rem, em o px: ¿cuál uso para cada cosa?
andrea F.
Nivel 3 ·
Cada tutorial dice algo distinto. Algunos usan todo en px, otros todo en rem. ¿Hay algún criterio?
Respuestas 6
yorman R.
Nivel 3 ·
0 0 Criterio que uso: rem para tamaños de fuente y espaciados generales, así respetan la configuración del usuario. px para bordes y detalles finos. em para cosas que deben escalar con el texto del propio componente, como el padding de un botón.
Yesenia P.
Nivel 3 ·
0 0 La razón principal para usar rem en fuentes: si el usuario aumenta el tamaño de fuente en su navegador, los px no escalan pero los rem sí. Es accesibilidad.
TacoArquero
Nivel 2 ·
0 0 Cuidado con em anidados: si un elemento con 1.2em está dentro de otro con 1.2em, el resultado se multiplica. Por eso para fuentes se prefiere rem.
Damián R.
Nivel 3 ·
0 0 En media queries también conviene usar em o rem, así el diseño responde al zoom de texto.
antonella F.
Nivel 2 ·
0 0 El truco viejo de html { font-size: 62.5%; } para que 1rem sea 10px tiene sus defensores y sus críticos. Yo prefiero dejar el tamaño base del navegador y pensar directamente en rem.
andrea F.
Nivel 3 ·
0 0 Lo del tamaño de fuente del navegador no lo había considerado. Paso las fuentes a rem.