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指定なし])

関連記事

スポンサーリンク

search

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

上に戻る