# 044: Odzivni popravki na realnem emulatorju - CSS-triki

Anonim

Zelo ozek namizni brskalnik vam lahko da nejasen občutek, kako deluje odziven dizajn, vendar ni natančen prikaz dejanske naprave z majhnim zaslonom. In dejanske naprave z majhnim zaslonom so tisto, za kar načrtujemo tukaj, ne pa drugi radovedni oblikovalci, ki svoj brskalnik stiskajo navzdol =).

V tej oddaji zaslona odpremo simulator iOS (na voljo je brezplačno z XCode na Macu) in naredimo nekaj prilagoditev glede na to, kar tam vidimo. Po mojih izkušnjah je simulator zelo natančen glede na to, kar vidite na resnični napravi. Tudi jaz sem videl razlike - na primer poraba pomnilnika. Takoj po zagonu tega spletnega mesta sem videl zrušitev mobilnega spletnega kompleta - in to se v simulatorju ni dogajalo.

Ena stvar, ki jo naredimo, je odstraniti učinek zloženega papirja 3D na najožji medijski poizvedbi. Ugotovimo tudi, da oglas v glavi povzroča vodoravno drsenje v mobilnih napravah, kar je nezaželeno pri približevanju postavitvi za mobilne naprave. Na srečo smo to lahko izsledili takoj, toda včasih je tem stvarem težko izslediti in preprosto skrijete overflow-xtelo, kar na koncu tudi storimo tukaj.

Nekatere velikosti pisav prilagodimo tudi za manjši zaslon.