Buenas prácticas en Web Móvil: Maquetación de las páginas
Unidades de medida
No deben utilizarse unidades de medida absolutas, como px (píxel). En su lugar se deben utilizar medidas porcentuales y relativas (em, ex, bolder, larger, thick) ya que esto permitirá una mejor adaptación a los variados anchos de pantalla de los dispositivos móviles.
Hay excepciones:
- Los atributos
widthyheightdel elemento IMG, para que aparezca el hueco de la imagen antes de que se termine de cargar, y no provoque movimientos del contenido de la página. - Definir las dimensiones de márgenes, rellenos y bordes en
px(píxeles), para obtener una mayor precisión.
WCAG 1
Se cumple con el punto 3.4 (enlace externo, en inglés): Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo.
WCAG 2
Se cumple con el punto 1.4.4: Redimensionamiento del texto (enlace externo, en inglés): Excepto los subtítulos y las imágenes con texto, el texto debe poder ser redimensionado sin ayudas técnicas hasta un 200% sin perder contenido o funcionalidad.
Fuentes
Saber más: Measures (enlace externo, en inglés).








