携帯電話に対応する必要がある Web サイトがあります。デスクトップを使用して作成しました。ブラウザ ウィンドウを調整すると、携帯電話では完全に機能しますが、実際の携帯電話である Samsung Galaxy S2 で確認すると、モバイル ビューに反応しません。
何が間違っている可能性がありますか?
携帯電話に対応する必要がある Web サイトがあります。デスクトップを使用して作成しました。ブラウザ ウィンドウを調整すると、携帯電話では完全に機能しますが、実際の携帯電話である Samsung Galaxy S2 で確認すると、モバイル ビューに反応しません。
何が間違っている可能性がありますか?
おそらく、HTML ヘッドにビューポート メタ タグがありません。
<meta name="viewport" content="width=device-width, initial-scale=1">
それがないと、デバイスはビューポートをフルサイズと見なして設定します。
詳細はこちら。
レスポンシブ メタ タグ
すべてのデバイスで適切なレンダリングとタッチ ズームを確実に行うには、レスポンシブ ビューポート メタ タグを<head>
.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">