[解決済み] 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検索で推奨されている値が異なるのですが、いずれも' ユーザースケーラブル=X の値は機能していないようです。

また、セミコロンの代わりにカンマで値を区切ってみましたが、うまくいきませんでした。そこで user-scalable の値が存在しますが、まだうまくいきません。

アップデイト

Appleのサイトから入手し、動作しました。

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

というのも、引用符を使用しているウェブサイトからmetaタグをコピーしていたからです。

解決方法は？

あなたのコードでは、属性のダブルクォートがファンシーダブルクォートとして表示されています。実際のソースコードに引用符が表示されている場合、それが問題だと思われます。

iOS 4.2のモバイルSafariで動作しています。

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