iPhone用のCSSを使って最適化

WebサイトをiPhoneで見やすくする5つの方法 | Webクリエイターボックス
iPhoneで見やすくする方法はいくつかありますが、上記サイトを参考に「iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。」という方法で、このサイトのiPhone用CSSを作って最適化を試みてみました。
＜5/11追記＞
検証不足ですが、IEでCSS読み込みがうまくいかず、CSSではなくJavaScriptに変更しました。

トップページがわりと複雑でしたが、奇跡的に各パーツが最適化しやすいサイズだったのでわりとスムーズでした。480px基準なので、縦方向では小さくて読みづらいですが…。
昨日の今日なのでまだ調整中ですが、自動サイズ調整をしないようにしたり（-webkit-text-size-adjust）、metaタグのviewpointでデフォルトのウィンドウサイズや拡大率を調整したり、なかなかいいお勉強になりました。