Притискането на много тесен настолен браузър може да ви даде смътно усещане за това как работи отзивчивият дизайн, но това не е точно представяне на действително устройство с малък екран. И действителните устройства с малък екран са това, за което ние проектираме тук, а не други любопитни дизайнери, притискащи браузърите си надолу =).
В този скринкаст отваряме iOS симулатора (предлага се безплатно с XCode на Mac) и правим някои ощипвания на дизайна въз основа на това, което виждаме там. Според моя опит симулаторът е много точен спрямо това, което виждате на реалното устройство. Виждал съм и разлики - например използването на паметта. Точно след стартирането на този уебсайт видях срив в мобилния уеб комплект - и това не се случваше в симулатора.
Едно нещо, което правим, е да премахнем ефекта на 3D подредената хартия при най-тясната медийна заявка. Също така установяваме, че рекламата в заглавката причинява някакво хоризонтално превъртане на мобилни устройства, което е нежелано в начина, по който подхождаме към мобилното оформление. За щастие успяхме да го проследим веднага, но понякога тези неща са неуловими за проследяване и вие просто скривате overflow-x
тялото, което в крайна сметка правим тук.
Ние коригираме някои размери на шрифта и за по-малкия екран.