Viewport怎么用

Viewport是指网页中可见区域的大小，一般使用meta标签来设置。以下是Viewport的使用方法：

1. 在HTML文档的头部添加meta标签，设置viewport的宽度和缩放比例：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

2. 通过CSS来适配Viewport的大小，使页面内容自适应：

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

3. 在CSS中使用媒体查询来适应不同的设备尺寸，例如：

@media screen and (max-width: 480px) {
  /* 在宽度小于480像素时的样式 */
}

Viewport的使用可以使网页在不同设备上显示效果更加统一和美观，提高用户体验。