Por que es conveniente usar rem en lugar de pixeles? No veo la ventaja del rem

Leonardo German Colaneri

Leonardo German Colaneri

Pregunta
studenthace 5 años

Por que es conveniente usar rem en lugar de pixeles? No veo la ventaja del rem

5 respuestas
para escribir tu comentario
    Ramdhei López Arcila

    Ramdhei López Arcila

    studenthace 4 años

    Usar las medidas relativas como rem es una gran ventaja porque a la hora de hacer nuestro proyecto para pantallas móviles (Lo que se llama responsive design) no tendremos que volver a ajustar el tamaño de nuestros elementos y además, estandariza los tamaños de los elementos y fuentes de nuestro proyecto mediante ese tamaño base. Espero haberte ayudado :D

    Juan H

    Juan H

    studenthace 5 años

    Como ya te comentaron. Rem se utiliza para eso. Para tener una medida que varie segun las opciones que el usuario haya personalizado, para lograr una mayor accesibilidad a tu sitio. El zoom, el font size que pudes encontrar en las configuraciones de tu navegador. Tambien lo he visto que lo usan para hacer padding o margin a los elementos, aunque en este caso usan mas el em. Ejemplo. quiero que todos los elementos tengan un margen hacia abajo de 1em y un padding de .5em. Asi te evitas estar poniendo estos valores uno por uno

    Jose Rios

    Jose Rios

    studenthace 5 años

    Completamente de acuerdo con las otras respuestas. Ten presente en usar únicamente medidas relativas como rem, vh, vw and %

    (no me gusta el em)

    Sebastian Gonzalez

    Sebastian Gonzalez

    studenthace 5 años

    Es más cuestión de accesibilidad, al usar rem se puede dar zoom sin problema, mientras que con px no ya que es una unidad absoluta. También para la parte de responsive es útil usar rem para adaptar el texto a diferentes tamaños de pantallas.

    Mauricio Galvez

    Mauricio Galvez

    studenthace 5 años

    La ventaja de usar

    rem
    es que de esa forma no hay que restablecer el valor para otras pantallas.

    Por ejemplo: Tienes un titulo con un tamaño de 40px en desktop. Cuando intentes adaptar ese titulo a una pantalla de celular tendrás que reasignar ese valor (40px es muy grande para un celular). Con

    rem
    este cambio de tamaño se hace automáticamente.

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.