关键词 IOS

前言

在项目开发的过程中，需要IOS全面屏底部安全区适配

步骤

1. h5需要设置页面属性：

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

2.在body添加如下属性

 body {padding-bottom:constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/}

后言

最近工作很忙，没有时间更新。希望本文会对你有所帮助，如果有什么问题，可在下方留言沟通