Mobile Safari でビューポートのズームを無効にするにはどうすればいいですか? 質問する

Mobile Safari でビューポートのズームを無効にするにはどうすればいいですか? 質問する

これら 3 つすべてを試しましたが、効果はありませんでした。

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />

それぞれ異なる値がGoogle検索やSO検索で推奨されているのを見つけましたが、' user-scalable=X 'の値はどれも機能していないようです

セミコロンの代わりにコンマで値を区切ることも試しましたが、うまくいきませんでした。次に、user-scalable値のみを存在させることも試しましたが、それでもうまくいきませんでした。


アップデート

Apple のサイトからこれを入手しましたが、うまくいきました:

<meta name="viewport" content="width=device-width, user-scalable=no" />

問題は、非標準の引用符を使用しているウェブサイトからメタタグをコピーしたためであることが判明しました。

ベストアンサー1

編集: iOS 10 以降では動作しない可能性があります。touch-action以下の解決策を参照してください。

コードでは、属性の二重引用符が装飾的な二重引用符として表示されています。実際のソース コードに装飾的な引用符が存在する場合、それが問題であると推測されます。

これは iOS 4.2 の Mobile Safari では動作します。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

おすすめ記事