如何在h5和小程序中适配iphoneX及更高版本全面屏底部的安全区

2023-12-19 20:55:44

关键词 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*/
  }

后言

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

文章来源:https://blog.csdn.net/m0_73117087/article/details/134391611
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。