iPhone専用表示(HTML)

iPhoneのみCSSを変える場合はiPhone用CSSを作成して読み込ませます。

＜link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" /＞

携帯版のhtmlサイトをiPhone用のSafariで拡大表示する場合

＜meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, "＞

width , height
最初に読み込まれた際の表示サイズ(px)を数字で指定します。
端末の画面サイズにあわせる場合は 『device-width』と記述します。
widthは何も指定しないと横幅980ピクセルになります。

initial-scale
最初に読み込まれた際の拡大率

user-scalable
ユーザーが拡大（pinch in ／ pinch out）できるか否かを、yesかnoで設定

maximum-scale
ユーザーが操作可能な拡大率の上限

minimum-scale
ユーザーが操作可能な拡大率の下限

jQueryMobileはまだアルファ版らしいのでまだこれからか？