Responsiv webdesign - Introduktion

Hvad er responsiv webdesign?

Responsiv webdesign gør, at din hjemmeside ser godt ud på alle enheder.

Responsivt webdesign bruger kun HTML og CSS.

Responsivt webdesign er ikke et program eller JavaScript.

Design for at give alle brugere den bedste oplevelse

Man kan bruge mange forskellige enheder til at se på webstedet: stationære computere, tablets og mobiltelefoner. Uanset hvilken enhed man bruger, skal webstedet se smukt og brugervenligt ud.

Webstedet skal ikke opgive information for at passe til mindre enheder, men indholdet skal passe til enhver enhed:


Bordcomputer

Tablet

Mobiltelefon

Hvis du bruger CSS og HTML til at justere størrelse, skjule, formindske, forstørre eller flytte indhold, så det ser godt ud på ethvert skærm, kaldes det responsivt webdesign.

Hvis du ikke forstår eksemplet nedenfor, skal du ikke bekymre dig, vi vil bryde koden ned trin for trin i det næste kapitel:

Prøv det selv