Q.スマホやタブレットでピンチイン、ピンチアウトを有効にしたい
スマホ、タブレット操作でピンチイン、ピンチアウトができないのですが、文字が読みづらいと思うこともあり、拡大、縮小ができるようにカスタマイズをしたいです。
A.下記のphpファイルの該当箇所を編集します
編集するファイル:header.php
編集する箇所:
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" />
↓
<meta name="viewport" content="width=device-width" />
また最大倍率を設定する場合は以下のようにします(等倍は1)。
<meta name="viewport" content="width=device-width,maximum-scale=2" />
※なお、ピンチイン、ピンチアウトを無効にしたい場合、iOS10以降のSafariでは
「user-scalable=no」を設定しても、無効になる仕様となっております。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!