iPodおよびiPhoneSafariのCSS最適化

iPodまたはiPhoneの使用に最適化されたアプリケーションを構築することは、爆発的な市場に参入するための優れた方法です。 1億ダウンロード 現在まで。 これらの数値には、iPhoneまたはiPod TouchのSafari用に最適化されており、ダウンロードを必要としないブラウザベースのアプリケーションは含まれていないことを理解することが重要です。

今日は弾丸を噛んで購入しました 16Gb iPod Touch Safariとアプリの両方のプラットフォームのチェックを開始します。 確かに…外出先で映画を見ることができ、iPodTouchがAppleTVのリモコンとしても機能することに興奮しました。

手元にある私の最初のタスクは、 給与計算 iPodTouchまたはiPhoneのSafariで使用します。 これは私が事実上すべての言語で構築したアプリケーションです…それで、Safariの開発とAppsフレームワークの学習を始めました。

興味深いことに、Safariでページを表示しても、 メディア=ハンドヘルド css設定なので、適切なスタイルシートを使用するには、PHPでサーバーサイドスクリプトを作成する必要がありました。

> link rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>？php} else {？>
> link rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>？php}？>

私はページをかなり見栄えよくしていますが、たくさんあることを知っています iPhoneとiPodSafariのCSS引数 ページの向きが横向きか縦向きかに基づいてコンポーネントをシフトすることさえできます。 実験を続けます！

iPhoneまたはiPodTouchをお持ちですか？ 試してみてください 給与計算 そしてそれがあなたのためにどのように見えるか私に知らせてください！ ページ間の実質的にすべての変更はCSSのみで行われたことに注意してください！ まったく新しいページを書くほうが簡単だったかもしれませんが、それほど難しいことではありません。