私たちが行ったウェブサイトもモバイルに変換しています。ピクセル密度とすべてのメタタグについて少し読んだ後、モバイル画面を中心に非常にうまく設計された見栄えの良いWebサイトをまとめましたが、これまでのところ1つの問題しかありません.
何を試しても、ブラウザはフォーカスがあるときにテキストフィールドにズームインします..これは通常は問題になりませんが、問題が発生すると、メディアクエリcssを無視するようです..Galaxy S3を接続していますページをデバッグするためのデスクトップ クロムと、テキスト ボックスをズームするとフッター (メディア クエリに何も表示されない) が表示されることがわかります。（もちろん、メディアクエリを無視することに伴う他のcssの変更とともに）。
だから私はズーム機能を削除する方法を探しています（ここでそれに関する多くの記事を読んで、モバイルクロームとストックギャラクシーs3ブラウザーでは何も機能しませんでした、まだiPhoneやWindowsについて知りません）、またはスタイルシートを機能させる方法を探していますズームインしたとき。さらに良いことに、ズームインしたときにスタイルを追加して、テキストフィールド以外のすべてを削除できます!
現在のビューポート設定は次のとおりです。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
ありがとう！