モバイル ブラウザにはデフォルトでビューポートがあります。ほとんどのモバイル デバイスのデフォルト ビューポートは 980 ピクセルです。PC ページの幅が 980 ピクセルの場合、980 ピクセルでレンダリングされ、特定の比率に従って拡大縮小されます。ページが完全に表示されている場合は、携帯電話で表示されるページが 1200 ピクセルの場合、追加の 220 ピクセルはデフォルトのビューポート 980 ピクセル内にありません。この追加部分をレンダリングするにはどうすればよいですか?実際の 1200 に従ってレンダリングされ、携帯電話の画面に合わせて拡大縮小されますか?それとも980pxに従ってレンダリングしますか?
ビューポートは設定できます。デフォルトは通常 980 ピクセルで、拡大縮小されません。このとき、1200 ピクセルが画面の外側に表示され、ページが下に表示されます (携帯電話によって処理方法が異なります)。 。
ビューポートに幅が指定されている場合、幅に合わせて 1200px が拡大縮小されます。