Responsief ontwerp

Responsief ontwerp is een benadering voor het bouwen van webpagina's waarbij de lay-out zich aanpast aan de schermgrootte, van brede desktopmonitoren tot smalle telefoons. Een responsieve pagina herschikt en schaalt de inhoud met flexibele lay-outs en CSS-regels in plaats van een afzonderlijke mobiele website aan te bieden.

Het hangt ervan af dat de pagina zijn viewport correct instelt: zonder die instelling renderen mobiele browsers de pagina op een vaste, desktopachtige breedte en verkleinen die vervolgens om te passen, wat de responsieve lay-out volledig tenietdoet en bezoekers dwingt te knijpen en te zoomen.

Meer informatie

• Responsive web design - MDN's gids voor technieken voor responsief ontwerp
• Viewport
• CSS