Dimensiones

Se identifican 5 dimensiones de trabajo:

Diminuto (Tiny)
240px - 479px
Pequeño (Small)
480px - 799px
Mediano (Medium)
800px - 1279px
Grande (Large)
1280px - 2079px
Enorme (Huge)
2080px - 4096px

Así como 2 orientaciones:

Horizontal
Landscape
Vertical
Portrait

Ver ejecución icon execute code

Las propiedades pueden ser indistintas de la dimensión u orientación, o condicionadas a alguna de estas, Es importante hacer notar que la división entre tamaños no es lineal. Para hacer correcto de las propiedades, es conveniente pensar en establecer primero las propiedades que afecten pantallas pequeñas y luego las más grandes.

En la práctica, solo se hace uso de tres medidas: Pequeña (small), Mediana (medium) y Grande (large). La primera opción llamada Diminuta (tiny) por sus dimensiones no es práctica para desplegar información, así que se puede optar por desplegar un mensaje indicando la problemática. En el caso de la dimensión Enorme (huge), debido a que las dimensiones ya han sido soportadas por la versión anterior (large) puede ser manejada sin contratiempos.

Ver ejecución icon execute code