ios扩展了mate标签
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
重点是viewport-fit=cover
contain：意思是可视区域完全包含网页内容
cover：网页完全覆盖可视区域
auto：同contain
// css3新增选择器，用于隔离样式，只有当ios的时候才渲染
@supports((padding-bottom: constant(safe-area-inset-bottom)) or (padding-bottom: env(safe-area-inset-bottom))) {
.app {
//constant兼容ios<11.2
//env兼容ios>=11.2 顺序不能反
// safe-area-inset-bottom是底部安全区，还有tof left right
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
只有fit = cover才能使用env()
