Opplevelse
Responsivt design
Webdesign som automatisk tilpasser seg skjermstørrelsen – fungerer på mobil, tablet og desktop.
Oppdatert: 2026-01
Hva er responsivt design?
Responsivt design betyr at nettsiden automatisk tilpasser layout, bilder og navigasjon basert på skjermstørrelsen.
En responsiv side:
- Ser bra ut på alle enheter
- Bruker samme URL (ikke m.nettside.no)
- Tilpasser seg dynamisk ved resize
- Fungerer med touch på mobil
Dette oppnås med CSS media queries og fleksible layouts.
Hvorfor er det viktig?
Over 60% av nettrafikk kommer fra mobil:
- Ikke-responsive sider er vanskelige å bruke på mobil
- Google bruker mobile-first indexing (mobilversjonen vurderes først)
- Dårlig mobilopplevelse = tapte kunder
- Én responsiv side er enklere å vedlikeholde enn separate desktop/mobil-sider
Hvordan bruke det?
- Design mobile-first: Start med mobilversjon, utvid til desktop
- Bruk fleksible grids: Prosentbaserte bredder, ikke faste piksler
- Optimaliser bilder: Ulike størrelser for ulike skjermer (srcset)
- Test på ekte enheter: Emulatorer viser ikke alt
- Gjør knapper touch-vennlige: Minimum 44x44 piksler