CSS оптимизация за iPod и iPhone Safari

ipod докосване и iphoneИзграждането на приложения, оптимизирани за използване на iPod или iPhone, е чудесен начин да се потопите в избухващ пазар с над 1 изтегляния на милиарди към днешна дата. Важно е да разберете, че тези номера не включват приложения, базирани на браузър, които са оптимизирани за Safari на iPhone или iPod Touch и не изискват изтегляне.

Днес захапах куршума и си купих 16Gb iPod Touch да започнете да проверявате платформата както за Safari, така и за приложения. Разбира се ... Бях развълнуван, че мога да гледам филми на път, а iPod Touch може да действа и като дистанционно за моя AppleTV!

Първата ми задача беше да актуализирам Калкулатор на заплатите за използване със Safari на iPod Touch или iPhone. Това е приложение, което съм изградил практически на всеки език ... така че е време да започна да уча разработка за Safari и да уча рамката на Apps.

Интересното е, че извеждането на страницата в Safari не използва автоматично медия = ръчен css настройки, така че трябваше да напиша скриптове от страна на сървъра в PHP, за да използвам подходящия лист със стилове:


> връзка rel = "таблица със стилове" media = "screen" href = "iphone.css" type = "text / css" />
>? php} друго {?>
> връзка rel = "styleheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

Страницата изглежда доста добре, но знам, че има много Аргументи на CSS за iPhone и iPod Safari Мога да използвам, дори да премествам компоненти в зависимост от това дали ориентацията на страницата е пейзажна или портретна. Ще продължа да експериментирам!

Имате iPhone или iPod Touch? Изпробвайте Калкулатор на заплатите и ми кажете как изглежда за вас! Имайте предвид, че практически всички промени между страницата са направени само с CSS! Може би е било по-лесно просто да напишете изцяло нова страница - но не толкова предизвикателно.

3 Коментари

  1. 1

    Дъглас-

    Благодаря за съветите за iPhone CSS на iPhone ... това би ли било подобно за Blackberry или друг смартфон, използващ мобилен браузър?

    • 2

      Здравей, Кен,

      Не - повечето мобилни браузъри могат да прилагат a медия = ”ръчен” css обозначение. Safari на iPod touch или iPhone обаче игнорират това.

      Дъг

  2. 3

    Трябва да си взема iphone, дори нямам ipod touch. Ще се изгубя с css и други неща, но всичко с код е извън моята лига хаха

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.