视口是浏览器显示网页内容的区域,在桌面浏览器中,视口通常等同于浏览器窗口的大小。但在移动设备上,情况更为复杂,因为移动设备的屏幕尺寸各异,而且浏览器可能会以不同方式呈现网页。为了确保网页在各种设备上都能正确显示,合理设置视口至关重要。
在 HTML 的 <head> 标签中添加以下 <meta> 标签可以进行基本的视口设置:
<head>
<meta>
<meta name="viewport