Desde octubre de 2026, todos los sitios web de hPage están adaptados a móviles automáticamente: todos los diseños incluyen un diseño móvil y no hay nada que configurar. El antiguo ajuste Diseño móvil ya no existe.
Cómo funciona el diseño móvil
- En teléfonos y tabletas, tu sitio web se muestra en una sola columna: cabecera, menú y contenido uno debajo de otro. El menú se pliega detrás de la cabecera del menú de tu diseño y se abre con un toque.
- El contenido, los colores y las fuentes son los mismos que en el escritorio. Editas tus páginas una sola vez; no hay contenido móvil aparte que mantener.
- Las imágenes, los vídeos y las tablas se reducen al ancho de la pantalla. Las tablas anchas con un ancho fijo se desplazan lateralmente.
- El diseño móvil se aplica a las pantallas táctiles más estrechas que tu diseño y a todas las pantallas de menos de 1024 píxeles de ancho. Un portátil con ratón y una ventana de navegador más estrecha conserva el diseño de escritorio.
Comprobar tu sitio web en un teléfono
- Haz clic en Visitar sitio web en la barra lateral para ver la dirección de tu sitio web, y abre esta dirección en el navegador de tu teléfono.
- Sin teléfono: abre tu sitio web en el escritorio y reduce la ventana del navegador a menos de 1024 píxeles de ancho. El diseño cambia al diseño móvil.
- Si tu teléfono sigue mostrando una versión antigua, recarga la página. Los navegadores móviles guardan las páginas en su caché durante un tiempo.
Consejos para las imágenes
- No necesitas redimensionar las imágenes para los dispositivos móviles: se reducen automáticamente y conservan sus proporciones.
- Mantén los archivos pequeños para que las páginas carguen rápido con una conexión móvil. La compresión de imágenes al subir archivos ayuda con ello.
- Evita poner texto importante dentro de las imágenes: en una pantalla pequeña resulta difícil de leer. Escribe el texto como texto.
- Las imágenes que flotan a la izquierda o a la derecha del texto se muestran más estrechas en móviles para que el texto siga cabiendo a su lado.
Consejos para textos y tablas
- Escribe párrafos cortos y usa títulos; los bloques de texto largos son difíciles de leer en un teléfono.
- Evita los anchos fijos en tu propio HTML (por ejemplo
width="800"); usa porcentajes o ningún ancho. - Prefiere las tablas con un ancho del 100 % o sin ancho. Una tabla con un ancho fijo se desplaza lateralmente en móviles.
- Las palabras y direcciones web muy largas se cortan en el borde de la pantalla; un espacio o un guion le da al navegador un mejor punto de corte.