Escritorio, tableta y móvil
Estado: adaptación por dispositivo implementada en 0e6c41f. Requiere un proyecto editable.
Revisar cada dispositivo
- Pulsa Dispositivo para recorrer Escritorio, Tableta y Móvil.
- Selecciona y ajusta posición y tamaño de los elementos en cada vista.
- Comprueba visibilidad y bloqueo en Capas.
- Abre la versión publicada en distintos tamaños de ventana después de publicar.
| Vista | Ancho de referencia del lienzo | Geometría |
|---|---|---|
| Escritorio | 1000 px | X, Y, ancho y alto base. |
| Tableta | 768 px | tabletLayout cuando existe. |
| Móvil | 375 px | mobileLayout cuando existe. |
Estos números son anchos de diseño, no los umbrales de selección de vista pública. El visor público determina el dispositivo a partir de su anchura disponible: móvil por debajo de 768 px, tableta desde 768 hasta menos de 1000 px y escritorio a partir de 1000 px.
Adaptación inicial y límites
Sin geometría móvil explícita, se limita el ancho al disponible menos 24 px, se centra horizontalmente con un mínimo de 12 px y se conservan Y y alto. En tableta, la adaptación inicial limita el ancho a 720 px y centra respecto a 768 px con mínimo de 20 px. Con geometría explícita se usan sus coordenadas; los tamaños omitidos tienen valores de respaldo.
Por tanto, la adaptación inicial no reorganiza automáticamente todos los elementos en una columna ni evita solapamientos verticales. Revisa especialmente textos largos, formularios, tarjetas y elementos originalmente superpuestos. Los elementos de ancho completo ocupan el ancho del contenedor y usan Y/alto específicos del dispositivo cuando existen.
Posición y tamaño cuentan con variantes para tableta y móvil. El contenido y los estilos base pertenecen al elemento: no se debe asumir que cambiar el texto, color o fuente crea una variante independiente por dispositivo. La visibilidad puede definirse por dispositivo mediante hiddenOn, además de la ocultación general.