初めてモバイル サイトを開発していて、レスポンシブ デザインを作成しようとしています。
これまでのところ、ビューステートの設定で多くの問題を抱えています。ほとんどが Android ですが、一部 iPhone にも対応しています。
私はこれらの設定を使用しています：
また、CSS でこれを使用しています (念のため): @-ms-viewport { width: device-width; } @-o-viewport { 幅: デバイス幅; } @viewport { 幅: デバイス幅; }
私のiPhoneではほとんどの場合完璧に動作します。しかし、横向きに変更してから通常に戻すと、ページの解像度が小さくなることがあります。そして時々それは同じままです（そうあるべきです）。
Android フォンでは、ランドスケープ モードと通常モードの両方で完全に動作します。ここで私の問題は、ページを更新すると、モバイルがビューポート設定をまったく読み取っていないように見えることがあることです。モバイル向けに最適化されていない通常の Web ページのように見えます。
ここで私が間違っていることについて誰かが考えを持っていますか?
編集
また、メタ ビューポート タグを追加しようとしました (この投稿にコードが表示されない理由はわかりませんが、それも機能しません)。