Оптимизација на CSS за iPod и iPhone Safari

ipod touch и iphoneИзградбата на апликации оптимизирани за употреба на iPod или iPhone е одличен начин да се нурнете во експлозивен пазар со повеќе 1 милијарди преземања до денес. Важно е да се сфати дека тие броеви не вклучуваат апликации базирани на прелистувачи кои се оптимизирани за Safari на iPhone или iPod Touch и не бараат преземање.

Денес го гризнав куршумот и купив а 16 GB iPod Touch да започне да ја проверува платформата и за Safari и за апликациите. Секако ... Бев возбуден што можам да гледам филмови на пат и iPod Touch може да дејствува како далечински управувач и за мојата AppleTV!

Мојата прва задача при рака беше ажурирање на мојата Калкулатор за плата за употреба со Safari на iPod Touch или iPhone. Тоа е апликација што ја изградив буквално на секој јазик… затоа е време да започнам да учам развој за Safari и да ја учам рамката за апликации.

Доволно интересно, појавувањето на страницата во Safari не го искористи автоматски медиум = рачен поставки за css, затоа морав да напишам скриптирање од страната на серверот во PHP за да го користам соодветниот лист на стилови:


> врска rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} друго {?>
> врска rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

Имам страница изгледа прилично добро, но знам дека има еден тон Аргументи на iPhone и iPod Safari CSS Можам да користам, дури и да ги префрлам компонентите врз основа на тоа дали ориентацијата на страницата е пејзаж или портрет. Continueе продолжам да експериментирам!

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

3 Коментари

  1. 1

    Даглас-

    Ви благодариме за советите за iPhone CSS… дали ова би било слично за Blackberry или друг паметен телефон што користи мобилен прелистувач?

    • 2

      Здраво Кен,

      Не - повеќето мобилни прелистувачи можат да применат a медиум = "рачно" ознака на css. Сафари на iPod touch или iPhone сепак го игнорираат тоа.

      Doug

  2. 3

    Морам да си набавам iphone, немам ни ipod touch. Toе се изгубам со CSS и работи, сепак, што било со код е надвор од мојата лига

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.