CSS оптимизация за iPod и iPhone Safari
Изграждането на приложения, оптимизирани за използване на 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! Може би е било по-лесно просто да напишете изцяло нова страница - но не толкова предизвикателно.