スマホ用ページでピンチインやピンチアウトを禁止したい
スマートフォンにはピンチインやピンチアウトの機能がありますが、ショップページ上でそれを禁止するにはどうしたら良いでしょうか。
スマートフォンにおけるピンチの機能については、スタイルシートやタグの追加でオフにする事ができますが、イージーマイショップのレスポンシブテンプレートに影響する場合がございますので、追加の際には十分ご注意いただきますようお願い致します。
追加例としましては、以下の<meta>タグを、フリーエリアパーツ管理のレイアウト図内にあるスクリーンの[設定]ボタンを押して表示される[<head>追加:]内に以下のタグを追加して保存すれば完了です。
<meta name="viewport" content="width=device-width,user-scalable=0">
※こちらのタグがレスポンシブテンプレート(特にスマートフォン表示)に影響する場合がございますので、ご利用は十分にご注意ください。
(追加後に十分なテストを行って下さい)
大変恐れ入ります。
先程案内させて頂きました追加例の<meta>タグについて、画面を傾けた際などで若干デザインが崩れるなどがございましたのでご利用頂く場合は、以下のタグをお勧め致します。
<!-- ピンチzoom不可 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
紛らわしい案内で、失礼致しました。