Stlačenie veľmi úzkeho prehliadača pre stolné počítače vám dá neurčitý pocit, ako funguje responzívny dizajn, ale nejde o presné znázornenie skutočného zariadenia s malou obrazovkou. A skutočné zariadenia s malou obrazovkou sú to, čo tu navrhujeme, nie iní zvedaví dizajnéri, ktorí si stláčajú prehliadače =).
V tomto obrazovom vysielaní otvárame simulátor iOS (pre Mac je k dispozícii zdarma pre XCode) a na základe toho, čo tam vidíme, robíme niekoľko dizajnových vylepšení. Podľa mojich skúseností je simulátor veľmi presný s tým, čo vidíte na skutočnom zariadení. Aj ja som videl rozdiely - napríklad využitie pamäte. Hneď po spustení tejto webovej stránky som videl, ako sa rúti mobilný webkit - a to sa nestalo v simulátore.
Jedna vec, ktorú urobíme, je odstránenie efektu 3D stohovaného papiera pri najužšom mediálnom dopyte. Tiež sme zistili, že reklama v hlavičke spôsobuje určité vodorovné posúvanie v mobilných zariadeniach, čo je nežiadúca vec v tom, ako sa blížime k mobilnému rozloženiu. Našťastie sa nám to podarilo vypátrať hneď, ale niekedy je ťažké tieto veci vypátrať a vy iba skryjete overflow-xtelo, čo tu nakoniec urobíme.
Niektoré veľkosti písma upravujeme aj pre menšiu obrazovku.