meta viewport 是做什么用的,怎么写?

2 min read

meta viewport 是用来定义网页在移动设备上的显示区域和缩放比例的标签。它的作用是使网页在不同分辨率的移动设备上都能够得到适当的显示效果,提高用户体验。

meta viewport 标签的写法如下:

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

其中,width=device-width 表示以设备宽度为宽度;initial-scale=1.0 表示初始缩放比例为1.0。

可以根据需要调整 meta viewport 的参数,例如可以限制最大缩放比例、禁用用户自由缩放等。