meta 中 name=viewPort 的一些属性

1. width

width 属性设置视口的宽度，为一个正整数，或字符串"device-width"

initial-scale 属性设置页面的初始缩放值，为一个数字，可以带小数

minimum-scale 属性设置用户缩放的最小值，为一个数字，可以带小数

maximum-scale 属性设置用户缩放的最大值，为一个数字，可以带小数

user-scalable 属性是布尔值，表示是否允许用户进行缩放，值为"no"或"yes"，默认为"no"，即不允许用户缩放页面

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">

默认视图宽度为设备宽度默认缩放比为 1 最大、最小缩放比为 1 不允许用户手动缩放

正如前面所示，视图发生偏移只在 IOS 系统中的企微环境出现，这就表明了微信 webview 渲染和企微 webview 渲染还是存在差异。

viewport-fit 是为了适配 iPhoneX 对现有标签的一个扩展，用于设置网页在可视窗口的布局方式，具有三个属性值： auto 默认值，跟 contain 表现一致

contain 可视窗口完全包含网页内容

cover 网页内容完全覆盖可视窗口

既然看起来企微 webview 中视图高度没法覆盖，那我们就可以通过设置网页在可视区域的布局方式将视图内容，新增 viweport-fit: cover 使得页面内容完全覆盖整个窗口，即可解决问题：

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">