В един от проектите, където съм била TK: адаптивно оформление за Ipad. Разбира се, не от къде да започна, или как да се подходи този проблем, аз не знам.
Първата стъпка беше интервюиран Yandex, но няма резултати от търсенето (Yandex - Яндекс, ме постави много предложения за оформлението, но за това как да ет odelat собствена. - Нито дума). Google ми помогна. той почти веднага даде много полезна информация, но фактът, че цялата необходима информация е събрана в един член наведнъж, което очевидно не намери (да, разбира се, изглеждат зле). Така че трябваше да се събере информация малко по малко, тук и там. Затова идеята да се напише такава статия, в която ще бъдат описани всички трудности, пред които са изправени, че по време на работа. Това не е дори и съвети за начинаещи, а по-скоро обединява в момента на payamti на първо място, дали изведнъж все още се сблъскате с този проблем в бъдеще.
първи стъпки
Първата стъпка е да се регистрирате в
Следващите мета таговете (за правилното показване на IPads, наистина имат нужда):Аз също трябваше да настроите ширината на съдържанието чрез стилове
, в противен случай той не работи :(Файлът стил (в края), писане стилове под aypad:
Със стил портрети трябва да бъдете внимателни, защото например, iPhone ще разпознае устройството точно като макс ширина: 768px и затова дори и в хоризонтално положение показва, олекотена версия на сайта. Аз трябваше да се отстранят тези стилове, като това е лошо.
Какво тест?
На IPads :) Определено трябва да се провери върху него (полезно, ако кликне върху връзка с пръст и ако всички елементи, които ясно се виждат)
Но какво, ако не е на една ръка разстояние (и не знаеше назаем)?
Аз posherstiv Net за емулатори aypadov, тук са най-честите решения.
Лично аз се опитах да се работи с безплатната версия на програмата Electric Mobile Simulator (от Electric сливи). Удобна, красива, работа с lokalhostom. Но. доведе до по IPads оказаха не толкова, уви.
В резултат на това се спряхме на режима на работа в Safari за Windows, при авторска среда. Много, много удобно, и да имат код дебъгер (подпалвач не е така, разбира се, но също така и мощен). Тук, в тази статия, "на Safari уеб инспектор" за подробности относно това как този режим развитие и включване на тестото. Бих се добави само, за да видите реални резултати на страхотна Моника, че е необходимо да "изтръгне" прозореца на браузъра до желания размер - и наздраве! красиво видими. И важното е, че всичко е както е изписано на реалните IPads.
Друг практически съвети:
Ширина на auypada 1024x768 пиксела прозорец, но определя емпирично, че е необходимо да се направи 1019 пиксела (ширина на лентата за превъртане). Ако тестът на конвенционален компютър с конвенционален Safari, уви, и е нормално превъртане, 17 пиксела. Трябва да се помни, и да се направи марж 5 пиксела, а след това всичко ще бъде красиво.
Не забравяйте за заоблени ъгли (те не трябва да се, тяхната собствена сафари "отряза", просто трябва да ги помня и не се връща текста или нещо толкова ovazhnoe).
Свързани статии