Prilagodljivi pristup za sve uređaje
Moderni web dizajn koristi prilagodljivi pristup koji kombinira elastični sustav raspoređivanja i CSS medijske upite.
Ključna meta oznaka:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Statično: Apsolutne dimenzije, nepromjenjiv prikaz
Elastično: Proporcionalne mjere, automatska prilagodba
Koriste se za eksaktne dimenzije: px, cm, mm, pt
Koriste se za prilagodljivi dizajn: %, em, rem, vw, vh
Pristup koji započinje dizajnom za najmanje uređaje i postupno dodaje funkcionalnosti za veće ekrane.