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