Mobiele website

Dank zij CSS3 met z'n media queries is het nu heel goed mogelijk om een layout te bedenken die op het kleinste scherm er even goed uitziet als op het allergrootste. Het is niet nodig om voor mobiele gebruikers een andere website voor te schotelen zoals tot voor kort gebruikelijk was.

Hoe werkt het?

Webbrouwsers zoals Internet Explorer, Chrome of Firefox kunnen bepaalde opmaakregels in- of juist uitschakelen op basis van schermafmetingen. Dit geeft de webbouwer de optie om bepaalde delen van de site weg te laten, kleiner te maken of in volgorde te veranderen als het scherm te klein wordt. Op een PC zie je dan bijvoorbeeld een complete menubalk maar op een telefoon alleen een knopje om het menu te openen.

Wel opletten.

De layout van de website is meestal goed doordacht wat dit betreft. Maar als je gebruikers zelf hun website laat beheren kan er van alles fout gaan. Een te grote afbeelding gooit dan de layout voor een te klein mobiel scherm zo doorelkaar.

Controleer dan ook regelmatig je site op verschillende apparaten, of laat dit doen.