ブログをiPhone閲覧用に最適化してますか？
商用サイトなら既に対応済みかと思いますが、一般ブロガーはまだやってない人多数だと思うこと。
前にiPod touchが発売されたときにも書いたのですが、iPhoneのSafariでは横幅がデフォルト980ピクセルとなっており、大抵のブログはキュッと小さく表示されています。
metaタグの「viewport」というのを設定してやると、ちゃんとブログの幅に合った表示にしてくれるので、挑戦してみてください。
以下はこのブログで使っているサンプル
<meta name="viewport" content="width=520; initial-scale=0.61;
maximum-scale=1.0; user-scalable=1;" />
- width: 横幅
- height: 高さ
- initial-scale: 拡大率（1.0以下で縮小）
- maximum-scale: 拡大率の上限
- minimum-scale: 拡大率の下限
- user-scalable: ピンチでの拡大縮小を許すかどうか
試しにONEDARI BOYSのサイトに適用してみました。（他のメンバーにはナイショだよ）
こじんまりしていたトップページは、横幅に合わせて拡大表示
個別エントリーページは本文エリアだけを画面いっぱいに表示して読みやすく。
でも横にスクロールさせればサイドバーもちゃんと表示できるよ。
上の例ではSafariのアドレスバーを非表示にするJavaScriptも仕込んでますが、適当にどっかからコピペしてきたのでよく分かってないとうか、なんかゴミ入ってるような気もしないでもないというか、詳しいひと解説プリーズ。
あとですね、iPhone用にCSSを割り当てるということも可能なんですが、フォントサイズ程度であればまだしも、大幅に見た目を変えるとなるとそもそものHTMLの構造から考え直さないといけないので、当分そんなことは手出ししたくないかな。
投稿者 ジェット☆ダイスケ : 2008年7月21日 00:29
このエントリーのトラックバックURL:
このエントリーを参照してないトラックバックは削除する場合があります
» 拡散される推定値 from 【小人閑居シテ駄文記ス】
【元携帯勝手サイト運営者が、実際に使っていた端末IDの使い方とかばらしちゃうよ... [続きを読む]
トラックバック時刻: 2008年7月22日 23:08
» [M] mbdbをiPhone3Gからの閲覧に最適化してみました from [M] mbdb
ジェット☆ダイスケさんが書いていた｢ブログをiPhone閲覧用に最適化してますか? - webdog｣という記事を見て、サクサクとこのブログもiPhone... [続きを読む]
トラックバック時刻: 2008年7月29日 16:29
