Labai siaurai nuspaudus darbalaukio naršyklę, galite neaiškiai suprasti, kaip veikia reaguojantis dizainas, tačiau tai nėra tikslus faktinio mažo ekrano įrenginio atvaizdavimas. Čia suprojektuojame tikrus mažo ekrano įrenginius, o ne kitus įdomius dizainerius, kurie spaudžia savo naršykles =).
Šioje ekrano juostoje atidarome „iOS“ treniruoklį („Mac“ komplekte yra „XCode“) ir sukuriame keletą dizaino patobulinimų, atsižvelgdami į tai, ką ten matome. Mano patirtis rodo, kad treniruoklis labai tiksliai atitinka tai, ką matote tikrame įrenginyje. Vis dėlto mačiau skirtumų, pavyzdžiui, atminties naudojimą. Iš karto po šios svetainės atidarymo pamačiau, kad sugenda mobilusis internetinis rinkinys - ir tai neįvyko simuliatoriuje.
Vienas dalykas, kurį mes darome, yra pašalinti 3D sukrauto popieriaus efektą siauriausios medijos užklausos atveju. Mes taip pat suprantame, kad antraštėje esantis skelbimas sukelia tam tikrą horizontalų slinkimą mobiliajame telefone, tai yra nepageidaujamas dalykas, kai mes artėjame prie mobiliojo telefono išdėstymo. Laimei, mums pavyko tai susekti iš karto, tačiau kartais šiuos dalykus nesunku susekti, o jūs tiesiog slepiate overflow-xkūną, ką galiausiai darome čia.
Kai kuriuos šriftų dydžius pritaikome ir mažesniam ekranui.