iOS底部安全区H5配置方法

iOS下因为取消实体Home按键，需要做底部安全区处理，普通方法是通过设置 padding-bottom: 34px; 来实现；但这样是固定写死，而且对其他系统的手机不友好，可以通过 viewport-fit=cover + env(safe-area-inset-bottom) 来实现，具体步骤：

在html文件中定义

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

在css样式文件中定义

padding-bottom: env(safe-area-inset-bottom);

注意，如果是底部导航栏，那页面也需要对底部做处理，如下

padding-bottom: calc(16px + env(safe-area-inset-bottom));