meta viewport 是做什么用的，怎么写

meta viewport 是一个 HTML 标签，它用于告诉浏览器如何正确地渲染网页。它通常用于让网页在移动设备上显示正确的缩放比例，避免用户需要手动缩放网页以便更好地阅读。

要添加 meta viewport 标签，你需要在 HTML 页面的 head 部分添加一个 meta 标签，并在其中指定一些属性来告诋浏览器如何处理页面的渲染。例如，以下是一个简单的 meta viewport 标签：

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

这个标签告诉浏览器页面的宽度应该与设备的宽度相同，并且初始缩放比例为 1.0。这意味着页面会按照设备的宽度进行缩放，并且不会自动进行放大或缩小。

当然，你可以通过指定不同的属性来自定义 meta viewport 标签的行为。例如，如果你想要页面自动进行缩放以适应设备的宽度，你可以使用如下的 meta viewport 标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

这样的标签会告诉浏览器页面的宽度应该与设备的宽度相同，并且初始缩放比例