Design responsive

Il design responsive è un approccio alla realizzazione di pagine web affinché il loro layout si adatti alla dimensione dello schermo, dai monitor desktop ampi agli smartphone. Una pagina responsive riorganizza e ridimensiona i propri contenuti con layout flessibili e regole CSS invece di fornire un sito mobile separato.

Questo dipende dal fatto che la pagina dichiari correttamente il proprio viewport: senza tale dichiarazione, i browser mobili visualizzano la pagina con una larghezza fissa simile a quella desktop e poi la riducono per adattarla allo schermo, il che vanifica completamente il layout responsive e costringe i visitatori a effettuare pinch‑to‑zoom.

Approfondisci

• Design web responsive - guida di MDN alle tecniche di design responsive
• Viewport
• CSS