布局视口和可视视口

布局视口（Layout Viewport）是指页面的布局大小，即页面在屏幕上的宽度和高度。

可视视口（Visual Viewport）是指用户实际可见的页面区域，即屏幕中显示的部分。

在移动设备上，由于屏幕尺寸的限制，页面的布局视口通常会比实际可见的页面区域（可视视口）要大。为了适应不同大小的屏幕，移动设备上的浏览器会将页面缩放或者放大，以使页面的布局视口适应可视视口的大小。

通过设置meta标签的viewport属性，可以控制页面在移动设备上的布局视口和可视视口的大小。常用的设置方式包括设置布局视口的宽度为设备宽度，使页面在不同设备上都能完整显示；设置可视视口的缩放比例，以适应不同分辨率的屏幕。