固定幅のレガシー サイトに取り組んでおり、いくつかのアダプティブ レイアウトを実装することで、タブレット ユーザーにより最適なエクスペリエンスを作成したいと考えています。最初のレイアウトは幅 600 ピクセルのデザインで、画面幅が 600 ピクセルから 768 ピクセルのデバイスに表示されます。2 つ目のアダプティブ レイアウトは幅 769 ピクセルのデザインで、画面幅が 769 ~ 1023 のデバイスで表示されます。
ビューポート メタ タグを使用して、元のデザインより幅が広いモバイル ブラウザーに合わせてデザインを拡大する方法を知りたいです。
たとえば、ブラウザの画面幅が 768px のデバイスで 600px のデザインを表示する場合、小さいデザインを画面の幅いっぱいに表示するにはどうすればよいですか?
流動グリッドを使用した Web サイトのアダプティブ レイアウトに関する多くの情報を見つけましたが、固定幅サイトのデザイン幅とビューポート サイズの関係について具体的に述べているものはありません - 少なくとも私が理解できるものはありません。