# 044: Responzivne izmjene stvarnog emulatora - CSS-trikovi

Sadržaj

Stiskanje preglednika na radnoj površini vrlo usko može vam dati maglovit osjećaj kako reagira dizajn, ali to nije točan prikaz stvarnog uređaja s malim zaslonom. A stvarni uređaji s malim zaslonom su ono za što ovdje dizajniramo, a ne drugi znatiželjni dizajneri koji stišću svoje preglednike =).

U ovom screencast-u otvaramo iOS simulator (isporučuje se besplatno s XCodeom na Macu) i napravimo neke prilagodbe dizajna na temelju onoga što tamo vidimo. Prema mom iskustvu, simulator je vrlo precizan prema onome što vidite na stvarnom uređaju. I ja sam vidio razlike - na primjer korištenje memorije. Odmah nakon pokretanja ove web stranice vidio sam pad na mobilnom webkitu - a to se nije događalo u simulatoru.

Jedna stvar koju radimo je uklanjanje efekta 3D složenog papira na najuži medijski upit. Također otkrivamo da oglas u zaglavlju uzrokuje vodoravno pomicanje na mobilnom uređaju, što je nepoželjna stvar u pristupu mobilnom rasporedu. Srećom uspjeli smo to odmah pronaći, ali ponekad je tim stvarima nedostižno i jednostavno sakrijete overflow-xtijelo, što u konačnici i radimo ovdje.

Neke veličine fonta prilagođavamo i za manji zaslon.

Zanimljivi članci...