Responsiv design

Responsiv design är ett sätt att bygga webbsidor så att deras layout anpassar sig efter skärmens storlek, från breda skrivbordsskärmar till smala telefoner. En responsiv sida ordnar om och ändrar storlek på sitt innehåll med flexibla layouter och regler i CSS i stället för att leverera en separat mobilwebbplats.

Det bygger på att sidan deklarerar sin viewport korrekt: utan den deklarationen renderar mobilwebbläsare sidan i en fast skrivbordsliknande bredd och krymper den sedan för att passa, vilket helt omintetgör den responsiva layouten och tvingar besökare att nypa och zooma.

Läs mer

• Responsiv webbdesign - MDN:s guide till tekniker för responsiv design
• Viewport
• CSS