Ha az asztali böngészőt nagyon szűkre szorítja, akkor homályos képet adhat arról, hogyan működik az érzékeny kialakítás, de ez nem egy valós kis képernyős eszköz pontos ábrázolása. És a tényleges kis képernyős eszközöket tervezzük itt, nem pedig más kíváncsi tervezők, akik lenyomják böngészőjüket =).
Ebben a képernyőképernyőn megnyitjuk az iOS szimulátort (Mac-en az XCode-val együtt ingyenesen elérhető), és néhány fejlesztési trükköt készítünk az ott látottak alapján. Tapasztalatom szerint a szimulátor nagyon pontos ahhoz, amit a valós eszközön lát. Láttam azonban különbségeket is - például a memóriahasználatot. Éppen ennek a weboldalnak az indítása után láttam, hogy összeomlik a mobil webkit - és ez nem történt meg a szimulátorban.
Az egyik dolog az, hogy eltávolítjuk a 3D halmozott papírhatást a legszűkebb média lekérdezésnél. Azt is kitaláljuk, hogy a fejlécben lévő hirdetés némi vízszintes görgetést okoz a mobilon, ami nemkívánatos dolog a mobilelrendezés megközelítésében. Szerencsére ezt nyomban sikerült felkutatnunk, de néha ezeket a dolgokat nehezen lehet felkutatni, és csak elrejti overflow-xa testet, amit végül itt csinálunk.
Beállíthatunk néhány betűméretet a kisebb képernyőhöz is.