Diseño adaptable

Diseño adaptable es un enfoque para crear páginas web de modo que su diseño se adapte al tamaño de la pantalla, desde monitores de escritorio anchos hasta teléfonos estrechos. Una página adaptable reordena y redimensiona su contenido con diseños flexibles y reglas de CSS en lugar de servir un sitio web móvil por separado.

Depende de que la página declare correctamente su viewport: sin esa declaración, los navegadores móviles muestran la página con un ancho fijo similar al de escritorio y luego la reducen para que quepa, lo que anula por completo el diseño adaptable y obliga a los visitantes a pellizcar y hacer zoom.

Más información

• Diseño web adaptable - Guía de MDN sobre técnicas de diseño adaptable
• Viewport
• CSS