Siempre he tenido esta duda con respecto a las medidas del iPhone 8 y el X, ambos tienen un ancho de 375, que no es múltiplo de 8. ¿Solo ...

Franklin Pérez

Franklin Pérez

Pregunta
student
hace 5 años

Siempre he tenido esta duda con respecto a las medidas del iPhone 8 y el X, ambos tienen un ancho de 375, que no es múltiplo de 8. ¿Solo debería escalar el contenido a lo que de de ancho según las columnas?

1 respuestas
    Patricio Villarroel Durán

    Patricio Villarroel Durán

    student
    hace 5 años

    ¡Hola Frank!

    En ese sentido, no importa el ancho del teléfono. Es cierto que los modelos de iPhone desde el 6 en adelante consideran 375 px de ancho. Lo que importa en un diseño con múltiplos de 8 son las medidas fijas.

    Es decir, si tienes un elemento que deseas mantener con cierto margen de los bordes, basta con que esos bordes sean múltiplos de 8 (por ejemplo, 16 px) y el ancho del elemento debe ser automático. Si lo cargas desde un iPhone 5, medirá 288 píxeles de ancho, pero en un iPhone 8 medirá 343.

Curso de Diseño Mobile First: del Brief al Prototipo

Curso de Diseño Mobile First: del Brief al Prototipo

Crea prototipos mobile-first desde un brief hasta la entrega final. Aprende a investigar, diseñar y validar tu estrategia de producto usando herramientas como Figma y Airtable en un proyecto real del ecosistema cripto.

Curso de Diseño Mobile First: del Brief al Prototipo
Curso de Diseño Mobile First: del Brief al Prototipo

Curso de Diseño Mobile First: del Brief al Prototipo

Crea prototipos mobile-first desde un brief hasta la entrega final. Aprende a investigar, diseñar y validar tu estrategia de producto usando herramientas como Figma y Airtable en un proyecto real del ecosistema cripto.