No entiendo por qué es mejor usar em/rem (medidas relativas) en vez de px (medidas absolutas). Es decir, yo aplico el truco del 62.5% par...

Pablo Javier Luengo del Toro

Pablo Javier Luengo del Toro

Pregunta
studenthace 5 años

No entiendo por qué es mejor usar em/rem (medidas relativas) en vez de px (medidas absolutas).

Es decir, yo aplico el truco del 62.5% para poder usar por ejemplo 1.6rem si quiero que sean 16px, eso lo entiendo, pero si quiero que sean 16px, ¿no es más práctico directamente poner 16px?

5 respuestas
para escribir tu comentario
    Pablo Javier Luengo del Toro

    Pablo Javier Luengo del Toro

    studenthace 5 años

    Perfecto, muchas gracias por las respuestas!

    Mauro Francisco Silva Caro

    Mauro Francisco Silva Caro

    studenthace 5 años

    Hola,

    Sigo sin entender por qué es útil para el diseño responsive usar la medida rem. Pienso que, tal vez, es porque todo nuestro proyecto es relativo a rem, entonces al momento de trabajar las demás resoluciones solo modificamos el tamaño del rem para que todo se ajuste. ¿Es por eso?

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola Javiaer :),

    Las medidas relativas como el porcentaje, rem o em son muy útiles y cómodas a la hora de trabajar con diseños responsive. Actualmente la mayoría de personas que acceden a internet es desde un dispositivo móvil, por lo tanto, como desarrolladores deberíamos implementar las mejores prácticas para implementar diseños mobile first.

    Juan González

    Juan González

    studenthace 5 años

    Pero la cuestión no es practicidad, es usar lo que sea mejor para facilitar el diseño responsive.
    Actualmente todas las páginas deberían ser creadas usando el principio de "mobile first" para lo cual es mejor usar rem porque si te sale el diseño bien en mobile, adaptarlo a las demás resoluciones es más fácil.

    Y es preferible crear una resolución y adaptar las demás que crear 5 o 6 resoluciones diferentes que sean todas "pixel-perfect"

    Cristofher Jumbo Jimenez

    Cristofher Jumbo Jimenez

    studenthace 5 años

    Supuestamente es depende de las funciones que les vayas a dar, si solo vas a usar medidas en un boton por ejemplo, entonces yo usaria px. Pero si quieres variar el tamanio del titulo, subtitulo, texto entonces es mas comodo usar em, por que si modificas uno el resto lo haran ya que dependen del primero.

    En Conclusion: Yo diria que pixeles se usan en un solo elemento y em con elementos cuyo tamanio estan relacionados.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.