Viewport meta
Etiqueta meta HTML que controla cómo escala el contenido un navegador móvil. <meta name="viewport" content="width=device-width, initial-scale=1">. Necesaria para el diseño responsive — sin ella, Safari hace zoom hacia fuera hasta el ancho de renderizado de escritorio.
Apple introdujo el concepto con el iPhone en 2007. El viewport móvil por defecto es de unos 980 px (renderizado ajustado a escritorio). Con width=device-width, el viewport coincide con el ancho en píxeles del dispositivo → las media queries CSS funcionan como se espera. maximum-scale=1, user-scalable=no es un antipatrón (rompe el pinch-to-zoom, problema de accesibilidad). viewport-fit=cover + CSS de safe-area-inset para pantallas con notch (iPhone X en adelante). Google Lighthouse y las herramientas de test de diseño responsive comprueban que exista el viewport meta.