実際にiPhone向けのサイトを作成してみます。 ここでは、デフォルトのブックマークであるAppleのiPhone用オンラインヘルプページ「iPhone User Guide」を取り上げます。 今回取り上げるiPhone User Guideの特徴 実際のiPhone User GuideはプレーンHTMLではなくJavascriptで生成され、かなり深い入れ子構造になっていますが、 今回はこのページの特徴の一部を取り上げて再現してみます。 取り上げる特徴は 読み込み後にURLバーを隠す 拡大・縮小は出来ない iPhone横持ちの場合は、縦持ちの場合の1.5倍ズームになる です。その他、PC/iPhone問わずSafariで使用可能なWebkitオプションにより、 タイトルに影をつける リストを角丸にする の2点を加えた全5点に着目します。 結果とソース 上記のようにほぼ再現することが出来