Si la página creada en el bloque universal se ve bien en una computadora, pero el sitio no se mostrará correctamente en la pantalla de un teléfono móvil o tableta porque el tamaño de estos dispositivos es diferente.
Información clave
En el bloque universal, debes configurar las adaptaciones para la tableta y el teléfono en posiciones horizontal y vertical.
- Para una computadora, el tamaño del bloque es de 1200px.
- Tableta en posición horizontal: 960px
- Tableta en posición vertical: 640px
- Teléfono en posición horizontal: 480px
- Teléfono en posición vertical: 320px
Hay una herramienta en el bloque para esto que, al cambiar, muestra automáticamente el tamaño de la página en la que deben encajar todos los elementos creados del sitio: texto, formas, botones, videos, etc.
Al principio, creamos un diseño para la versión grande de la pantalla (computadora).
Después de eso, comenzamos a adaptar la página creada, primero para la tableta en posición horizontal, y así sucesivamente. Para ello, usamos la barra de herramientas en el bloque, ajustando los tamaños de textos y elementos para que no salgan del bloque, de lo contrario no serán visibles en los dispositivos de los usuarios del sitio.
Aquí hay algunos ejemplos de cómo debería verse la página para cada tamaño:
Tableta en posición horizontal 960px
Tableta en posición vertical 640px
Teléfono en posición horizontal 480px
Teléfono en posición vertical 320px
Todos los bloques básicos en el constructor de sitios web se adaptan automáticamente al tamaño de pantalla deseado. Lee sobre los bloques básicos en los siguientes artículos.