[日記]iPod Touch暫定対応完了

当サイトのBlog以外の部分について，iPod Touch ( iPhone ) 搭載Safariへの対応が暫定的に完了した。左右のメニューや広告を表示せず，本文だけをそこそこの文字の大きさで表示するようにしたので，随分見やすくなったと思う。Appleのサイトや以前出席したセミナーの資料などを参考に，JavaScriptなどをつかわず対応できた。

どんな対策をしたかというと，以下の3つ。

• ヘッダファイルでViewportの設定(文字の大きさの調整用）

  <meta name="viewport" id="iphone-viewport" content="width=480,user-scalable=no,maximum-scale=0.6667" />

• ヘッダファイルでiPod Touch用スタイルシートの指定(小さな画面のデバイスでの表示の際，本文のみ表示）

  <link media="only screen and (max-device-width: 480px)" href="/css/kuono-iphone.css" type="text/css" rel="stylesheet" />

• iPod Touch用スタイルシートで，表示したくないブロック要素などにdisplay:noneを指定

まだ，WordPress側での対応で上部のサイト名表示部が複数表示されてしまったり，Windows Mobile上のOperaで普通のサイト表示しか行われなかったりと，細かく改善しなければ行けないところはあるが，まぁそれはおいおい。