スマートフォンのサイトを作ったときに最初に設定が必要だと思ったところを忘れないようにメモしておきました。 まずはmetaタグで全体の設定をしました。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.6667, user-scalable=0;"> と設定しました。 content=width=device-width androidはほぼ幅320pxだが iphone3G(幅320px) iphone4(幅640px) で幅が違うのであらゆるスマートフォンからアクセスしても幅いっぱいに表示されるように設定をしました。 maximum-scale=0.6667iphoneに有効で横に画面を傾けた時に文字の大きさが変わらないように設定です。 user-scalable=0