4

現在、モバイル デバイス向けに最適化された Web サイトを構築しています。

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

動的な JavaScript グリッドがあり、モバイル デバイスでのスケーリングを行いたくない。

上記の行は iphone では完全に機能しますが、android や webos では機能しないと思います。これらのモバイル デバイスに対しても NO-SCALE モードを設定するにはどうすればよいですか。ピンチ＆ズームはなく、デバイス幅はブラウザ幅の100％ですか？

4

1 に答える 1

6

http://developer.android.com/guide/webapps/targeting.html#Metadataによると、「user-scalable」プロパティは 0 ではなく「no」に設定する必要があります。

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

編集: Safari 参照ライブラリのページの下部にあるもう少し詳しい情報- サポートされているメタタグ:

user-scalable
ユーザーがズームインおよびズームアウトできるかどうか、つまりユーザーがビューポートのスケールを変更できるかどうかを決定します。yesスケーリングを許可し、スケーリングを許可しない場合は に設定しnoます。デフォルトは ですyes。

に設定user-scalableするnoと、入力フィールドにテキストを入力するときに Web ページがスクロールされなくなります。

iOS 1.0 以降で利用できます。

于 2010-12-09T22:01:54.200 に答える