Si gusto también puedo poner las medidas del width en rem? Por ejemplo: 32rem, que equivale a los 320px debido a la conversión y gracias ...

Juan Daniel Diaz Jaramillo

Juan Daniel Diaz Jaramillo

Pregunta
studenthace 4 años

Si gusto también puedo poner las medidas del width en rem? Por ejemplo: 32rem, que equivale a los 320px debido a la conversión y gracias al porcentaje de 62.5% ?

4 respuestas
para escribir tu comentario
    Santiago Ramirez

    Santiago Ramirez

    studenthace 4 años

    A mi me pasó lo siguiente: no sé si es lo correcto o estoy haciendo algo mal: Al usar Rem en las medidas de los contenedores (32rem etc.) por alguna razón las medidas en el inspector de elementos de ven diferentes, con decimales (132,44 por ejemplo). Y si revisas el doc de Figma puedes ver que las medidas entre elementos son “cerradas” como el margin del h1 al logo es de 36px. Estos 36 me fueron imposibles de poner con el uso de Rem.

    Que piensan uds?

    Julián Ramírez

    Julián Ramírez

    studenthace 4 años

    ¡Tienes toda la razón Juan! Me disculpo contigo. Las medidas rem solo se fijan en el elemento padre principal (HTML) y no en el padre directo.

    Juan Daniel Diaz Jaramillo

    Juan Daniel Diaz Jaramillo

    studenthace 4 años

    A ok, pero tengo entendido que la que se va sumando es la em ?

    Julián Ramírez

    Julián Ramírez

    studenthace 4 años

    ¡Hola Juan! Sí pero no. En principio esto parecería correcto si no es porque las medidas en rem se van heredando y, por tanto, sumando. Lo mejor es solo usarlo para las fuentes por ahora, ya si más adelante comprendes lo que estás haciendo y necesitas algo muy específico podría ser, aunque lo dudo bastante ya que no está hecho para eso. Te invito a leer más sobre estas medidas en este enlace :D.

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.