2008年07月29日 03:00 [Edit]

本blogをiPhone/iPod Touchフレンドリーに

具体的に行ったのは、以下の通りです。

  1. 以下をCSSに追加
      
    @media screen and (max-device-width: 800px) { /* iPhone + small display friendly */
      .amn { display:none }
      #links { display:none }
      #content { min-width:800px; max-width:1280px }
    }
    
  2. 以下をテンプレートに追加。charset指定の直下。
  3. <meta name = "viewport" content="width=728" />

解説すると、AMNのラージバナーとサイドバーを非表示にして、viewpointをコンテント部分の幅と一致させました。なぜかCSSの幅は、大きめに取らないとサイドバー分表示が欠けてしまいます。

以上はかなり本blogに固有の設定ですが、具体的な方針として、サイドバーを非表示にするというのは good practice なのではないでしょうか。これだけで嘘のように見やすくなります。

Dan the i(Pod Touch Owner|Phone Owner-to-be)

追記:Amazonはすでにi(Pod Touch|Phone)に対応にしてますね。ここから買えるか試してみることいしようっと。


この記事へのトラックバックURL

この記事へのトラックバック
本blogをiPhone/iPod Touchフレンドリーに Apple iPo...
アップル【あややの出来事】at 2008年08月21日 16:22
和洋風◎をiPhone/iPod touch用に最適化してみました。
和洋風◎をiPhone/iPod touch用に最適化してみました。【和洋風◎】at 2008年08月10日 21:53
以前、 404 Blog Not Found:本blogをiPhone/iPod Touchフレンドリーに としましたが、このたび本blogをさらにiPhone/iPod Touchフレンドリーにしてみたのでお知らせします。
404 Mouse Not Found - 本blogをもっとiPhone/iPod Touchフレンドリーに【404 Blog Not Found】at 2008年08月09日 21:20
というわけで、OSもLeopardになり、本blogもiPhone対応となったところで、ついに本日入手しましたよ。
push @myPhones, iPhone; # ついに【404 Blog Not Found】at 2008年07月30日 01:03
この記事へのコメント
> Amazonはすでにi(Pod Touch|Phone)に対応
とのことなんですが、URLも紹介いただけますか?普通に www.amazon.co.jp や amazon.jp に iPod touch からアクセスしたんですが、それっぽいページになりませんでした。

amazon.com なら http://www.amazon.com/gp/aw/h.html でいいみたいですけど。
Posted by mya at 2008年07月29日 09:58
(誤)みることい
(正)みることに
Posted by 11031 at 2008年07月29日 03:44