自分でモバイル向けサイトを作っているのですが、手元にiPhoneしかないという酷い状態ですｗ
なので、モバイル向けといいながら実機確認をiPhoneでしています。
って、ほぼ意味なしか…。
そんな酷いことをしているおかげで、iPhone用のサイト制作のコツがだんだんとわかってきたので、ここでお知らせしていこうかと思います。
まずは、ドキュタイプ（DOCTYPE）の宣言です。
結論から言ってしまうと、XHTMLで宣言しましょう。
HTMLで宣言するととんでもないことになりますｗ
iPhoneでPCサイトを見るときは、部分部分を拡大してみるのが一般的だと思います。
でも、iPhone用サイトを作ったなら、いちいち拡大するのって意味がないですよね？
拡大するならPCサイトでいいわけだし。
なので、画面の幅は３２０pxで作ります。
縦は、まあ成り行きで。
iPhoneはスクロールが楽だから縦は長くても問題ないしね。
横を３２０pxで作っただけでは、iPhoneの画面に最適な表示はされません。
ドキュタイプをHTMLで宣言するとめちゃくちゃ小さく表示されてしまうからです。
たぶん、８００pxとか９００pxぐらいで表示しようとするので、３２０pxで作ったサイトはすっごく縮小されています。
これの処理は簡単です。
ドキュタイプをXHTMLで宣言してあげればOK。
XHTMLだったらどんなやつでもたぶん大丈夫。
３つくらい試したけど、全部大丈夫でした。
上記は試行錯誤自分で試してみてわかったことですけど、いろいろサーフしていたら同じことをもっと詳しく書いている人がいました。
なんか、ドメインでmobiにするとちゃんと表示されるとか書いてあった気がします。