iPhone用に画像のみのページを作ってみた。
とりあえず、iPhoneで表示させてみたいというだけの目的で作ったので、
縦に隙間なく並べただけというシンプルなもの。

その際に行った設定を記録しておく。
これだけのシンプルな設定で、縦横の回転にもきれいに対応してくれる。iPhoneすごい。

top page:
| <meta name="viewport" content="width=500,user-scalable=no">

　viewport: iPhoneの画面へのページの収まり具合などを設定する。
　width=500: ページ幅を500として扱い、iPhoneの画面の幅に収まるようにしてくれる。
　　　　　　画像の幅が500なので500とした。
　user-scalable=no: ユーザの操作による拡大縮小操作を受け付けない。

| <link rel="apple-touch-icon" href="アイコンファイルのアドレス">

　iPhoneのホーム画面にbookmarkを作ったときに使われるアイコンを指定。

各レビューページ:
| <meta name="viewport" content="width=500,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0"/>

　width=500: 画像は縦横の長い方で最大500としているので、500とした。
　user-scalable=yes: ユーザの拡大縮小操作を受け付ける。
　initial-scale=1.0: ページを開いた時の画面の拡大率を等倍とした。
　minimum-scale=1.0: 縮小表示しないようにした。
　maximun-scale=2.0: 拡大は2倍表示までとした。

//