Responsive design : tester ziet er anders uit dan op mobiel

**Marcel Melis** · 29-03-2013, 16:04

Ik ben het een en ander aan het uitproberen op het gebied van responsive design.

Nu heb ik al diverse online responsive testers geprobeerd zoals responitator.com maar het probleem is dat het design er hier toch anders uitziet dan op mijn eigen telefoon (samsung galaxy s2).

Zo heb ik een groter lettertype ingesteld voor smartphones maar die tester geeft het lettertype dan enorm groot weer terwijl het er op mijn telefoon prima uit ziet. Dit geldt ook voor andere elementen.

Hoe gaan jullie hiermee om?

**Joshua de Gier** · 29-03-2013, 16:26

Je kunt weinig anders doen dan meerdere devices hebben om te testen en ook enigszins proberen te accepteren dat je het altijd wel eens anders uit kan zien vanwege instellingen in toestellen/browsers.

**Harings Rob** · 29-03-2013, 16:36

Inderdaad gewoon uittesten. je kan nooit (behalve bij een groot budget) alles overal 100% hetzelfde h ebben.

Ik test mijn websites altijd als volgt:

Desktop:
Alle recente browsers
IE 7-8-9 (+ compatibiliteitsmodus )
FireFox
Chrome

Mobiel:
1x android
1x iphone
1x Windows phone
1x tablet windows
1x ipad

Als het daar overal correct werkt is het voor mij duidelijk dat het design correct werkt.

**Joshua de Gier** · 29-03-2013, 16:44

Om dat even aan te vullen:

Zelf testen wij op Firefox, Safari, Chrome, IE8-9 (IE7 alleen als compatibiliteitsmodus in IE9). Verder met de iPad/iPhone en met de responsive-weergave van Firefox nog eens extra. Meerdere devices hebben we ook niet en zijn dus (nog) deels afhankelijk van de feedback van de klant.

IE7 ondersteunen we niet meer :)

**Marcel Melis** · 29-03-2013, 17:04

Ik test uiteraard ook in IE 8-9, Firefox, Chrome en Safari.

IE 7 test ik ook alleen in de compatibiliteitsmodus en waar nodig maak ik het in elk geval werkbaar (dingen als menu's willen nog wel eens op een andere plek staan in IE 7) maar ik ga inderdaad ook niet meer de moeite doen om het design helemaal perfect te krijgen.

Qua mobiel heb ik alleen een Samsung Galaxy S2 en een goedkope android tablet om op te testen dus vandaar dat ik op zoek was naar een goede responsive tester waarop de website er ook echt uitziet zoals op een mobiel toestel.

PS de meeste websites die ik maak zijn niet responsive. Ik heb er zelf geen problemen mee om een beetje te zoomen en ik maak vaak gebruik van grote call to action elementen, klikbare afbeeldingen die verwijzen naar de post enzovoorts, zodat die ook op mobiele apparaten prima aanklikbaar zijn. Zeker in landscape modus werkt dat prima.

Responsive design : tester ziet er anders uit dan op mobiel