Å klemme ned en stasjonær nettleser veldig smal kan gi deg en vag følelse av hvordan et responsivt design fungerer, men det er ikke en nøyaktig representasjon av en faktisk liten skjermenhet. Og faktiske småskjermsenheter er det vi designer for her, ikke andre nysgjerrige designere som presser nettleserne ned =).
I denne skjermsendingen åpner vi iOS-simulatoren (kommer gratis med XCode på en Mac) og lager noen designjusteringer basert på det vi ser der. Etter min erfaring er simulatoren veldig nøyaktig i forhold til det du ser på den virkelige enheten. Jeg har også sett forskjeller - for eksempel minnebruk. Rett etter lanseringen av nettstedet så jeg krasj på mobilkit - og det skjedde ikke i simulatoren.
En ting vi gjør er å fjerne 3D-stablet papireffekt ved den smaleste mediespørringen. Vi finner også ut at annonsen i overskriften forårsaker litt vannrett rulle på mobilen, en uønsket ting i hvordan vi nærmer oss mobiloppsettet. Heldigvis klarte vi å spore det med en gang, men noen ganger er disse tingene unnvikende å spore, og du skjuler bare overflow-xpå kroppen, noe vi til slutt gjør her.
Vi justerer også noen skriftstørrelser for den mindre skjermen.