iOS安全区域适配不生效怎么办？
我在做移动端页面时，发现 iPhone X 及以上机型底部被 Home Indicator 遮挡了内容。明明加了 env(safe-area-inset-bottom)，但好像没起作用，布局还是顶到最底下了。
我用的是 Vue + Vant 组件库，页面结构大概这样：
<template>
<div class="page-wrapper">
<van-button type="primary">底部按钮</van-button>
</div>
</template>
<style scoped>
.page-wrapper {
padding-bottom: env(safe-area-inset-bottom);
}
</style>试过加 viewport-fit=cover，也确认 meta 标签是对的，但安全区域还是没生效，到底漏了啥？
1 条解答
min-height: 100vh，padding 没地方显示。安全区域是基于视口的，元素得先占满全屏才行。直接改成这样：
如果还不行，检查下 Vant组件有没有覆盖掉你的样式，可能需要用
!important或者:deep()深度选择器。另外确保 meta 标签是这样完整写的。