iPhoneでズームイン・ズームアウトを無効にする

iPhoneのwebサイトでズームイン・ズームアウトを無効にするには、<head>タグ内でviewportを指定します。
この指定をするとページを開いたときの初期状態で大き目の表示が可能ですが、逆にズームインができなくなってしまうため大きく表示させることはできなくなります。

<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
</head>

サンプルサイト(ズームアウトなし[meta指定あり])
サンプルサイト(ズームアウトあり[meta指定なし])

スポンサーリンク

関連記事

スポンサーリンク

$_REQUESTに入る値と、その優先順位

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る