ビューポート
<meta name="viewport" content="width=device-width,
initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
| width | ページの横幅(200~10000 デフォルト:980) |
| height | ページの縦幅(223~10000 ) |
| initial-scale | ページロード直後の表示倍率(minimum-scale~maximum-scale) |
| minimum-scale | 最小倍率(0~10 デフォルト:0.25) |
| maximum-scale | 最大倍率(0~10 デフォルト:1.6) |
| user-scalable | ユーザーが倍率を変えられるか(yes|no デフォルト:yes) |
フルスクリーンモード
<meta name="apple-mobile-web-app-capable" content="yes" />
yesにすればフルスクリーン。noなら画面下にメニュー表示。
ホーム画面に登録した場合のみ有効。
ステータスバーの色
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
| default | デフォルトの色(灰色)。 |
| black | 黒 |
| black-translucent | 半透明の黒。描画範囲が完全な全画面になる。 |
電話番号の自動リンク
<meta name="format-detection" content="telephone=no" />
yesなら電話番号っぽいものをリンクに変換(クリックで即発信)、noなら何もしない。
変換精度も悪いので基本的にnoにすべき。
iPhone専用link
ファビコン
<link rel="apple-touch-icon" href="icon.png" />
ホーム画面に登録したときのアイコン。角丸、ハイライト等は自動的に処理される。
3GS:57×57、iPhone4:114×114、iPad:72×72のpng画像で用意する。
スプラッシュ
<link rel="apple-touch-startup-image" href="startup.png" />
フルスクリーンモードでホーム画面に登録した場合のみ表示される。サイズは320×460で。