私は、クライアント向けにレスポンシブ モバイル バージョンの Web サイトを展開しようとしているプロジェクトに取り組んでいます。このシナリオでは、既存の「デスクトップ」サイトには 2 つのブレークポイントがあります。
>= 980px
>= 1200px
画面が 980px 未満のデバイスでは、「小さなデスクトップ」サイトはブラウザに合わせて縮小されるため、ユーザーはタップしてズームなどを行ったり、デスクトップ サイト全体を効果的にナビゲートしたりできます。
現在、小さな画面 (<480px) 用のバージョンのサイトを実装したいと考えていますが、私が遭遇した問題は、メタ ビューポート タグを変更して、小さな画面で 1:1 レイアウトのブレークポイントに対応することで、 481px から 979px の画面を使用するユーザーがデスクトップ サイトのスケーリングされたバージョンを使用する機能。
以前は、メタ タグを使用していました。
<meta name="viewport" content="width=980">
しかし、小さな画面のデバイスでレイアウトを正しくスケーリングするには、次のように調整する必要があることを理解しています。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
もちろん、私が本当に必要としているのは、両方の混合物です！- 何か案は？