iPhoneのサイト構築

通常のサイトに、iPhoneプロジェクトの<div id=”content”>を<BODY>の後に,最後に

</div>
</BODY>
で締めくくると、iPhoneページの表示になる。
iPhoneプロジェクトは同じフォルダーに入れておく。css他。
<HEAD>の最後に下記のmetaを追加
<meta content=”minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no” name=”viewport” />
<link href=”css/style.css” rel=”stylesheet” media=”screen” type=”text/css” />
</HEAD>
以上は携帯電話からアクセスすると、携帯電話のサイズで表示します。
iphoneからアクセスするとiPhoneで表示します。その他のスマートフォンはテストしていませんのでテストされた方は結果を連絡ください。

コメントを残す