- viewportは幅を指定するためのもの。
- javascript部分はアドレスバーを非表示(画面の上に隠す)にするためのもの。
- <link rel="apple-touch-icon" href="shortcut.png">はホームアイコンを設定するためのもの。
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>タイトル</title> <link rel="stylesheet" href="スタイルシートのパス" type="text/css"> <link rel="apple-touch-icon" href="画像のパス"> <script> function doScroll() { if (window.pageYOffset === 0) { window.scrollTo(0,1); } } window.onload = function() { setTimeout(doScroll, 100); } </script> </head>
ホームアイコンを作成する
ツヤツヤ処理とか角丸とかは勝手にiPhone側でやってくれるのでベタなデザインにする。
画像サイズ
57×57ピクセル(但し、正方形であれば57ピクセル以上でも可)ただし、iPhone4は114×114
画像フォーマット
gif,jpg,png,bmpいずれも可