iPodおよびiPhoneSafariのCSS最適化

ipodtouchとiphoneiPodまたは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のみで行われたことに注意してください! まったく新しいページを書くほうが簡単だったかもしれませんが、それほど難しいことではありません。

3のコメント

  1. 1

    ダグラス-

    iPhoneのCSSのヒントをありがとう…これは、モバイルブラウザを使用するBlackberryやその他のスマートフォンでも同様でしょうか。

    • 2

      こんにちはケン、

      いいえ–ほとんどのモバイルブラウザは media =” handheld” css指定。 ただし、iPodtouchまたはiPhoneのSafariはそれを無視します。

      ダグ

  2. 3

    私は自分でiphoneを手に入れなければなりません、私はipodtouchさえ持っていません。 私はCSSやもので迷子になるつもりですが、コードのあるものはすべて私のリーグから外れています笑

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.