Responsiv webbdesign - Introduktion

Vad är responsiv webbdesign?

Responsive web design gör att din webbsida ser bra ut på alla enheter.

Responsiv webbdesign använder endast HTML och CSS.

Responsiv webbdesign är inte ett program eller JavaScript.

Design för bästa upplevelse för alla användare

Det kan användas många olika enheter för att visa webbsidor: datorer, tabletter och mobiltelefoner. Oavsett vilket enhet du använder, bör din webbsida se vacker och användarvänlig ut.

Webbsidor bör inte avstå från information för att passa mindre enheter, utan göra sitt innehåll lämpligt för alla enheter:


Dator

Tablet

Mobiltelefon

Om du använder CSS och HTML för att justera storlek, dölja, förminska, förstora eller flytta innehåll för att göra det bra att se ut på alla skärmar, kallas det responsiv webbdesign.

Om du inte förstår exempelna nedan, var inte orolig, vi kommer att bryta ner koden steg för steg i nästa kapitel:

Prova själv