Welke schermformaten moet je aanhouden?
Niet de formaten van bepaalde telefoons. Dat is de fout die de meeste ontwerpen maken.
Kies je breekpunten op basis van je eigen inhoud: het punt waar de indeling er niet meer goed uitziet, is je breekpunt. Rek je browservenster langzaam uit en kijk waar het misgaat. Dat werkt beter dan een lijstje apparaatnamen, want dat lijstje is binnen twee jaar verouderd.
Als vertrekpunt zijn deze bereiken bruikbaar:
| Bereik | Typisch apparaat |
|---|---|
| Tot 480 pixels | Telefoon staand |
| 480 tot 768 pixels | Telefoon liggend en kleine tablet |
| 768 tot 1024 pixels | Tablet |
| 1024 tot 1440 pixels | Laptop |
| Boven 1440 pixels | Groot beeldscherm |
Test daarnaast altijd op 320 pixels breed. Dat is de ondergrens die WCAG hanteert, en op dat formaat komen indelingsfouten meteen naar boven.