iPhoneでのWeb画面の表示幅設定
iPhoneにプリインストールされているブラウザ(Safari)で、画面幅ピッタリに表示する方法。
ドメイン名で切り替え
.mobiドメインだと、無条件にスマホ画面になる。 ※ViewPortを記述しても反映されない。
DOCTYPE宣言で切り替え
HTMLファイルの先頭で↓を記述
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN">metaタグのViewPortで切り替え
HEAD内に↓を記述
<meta name="viewport" content="width=device-width"/>ちなみに、↓は240px固定にする
<meta name="viewport" content="width=240"/>さらに、↓はピンチイン／アウトで拡大縮小できなくする
<meta name="viewport" content="width=240,user-scalable=no"/>