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

关键词 IOS

前言

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

步骤 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*/ } 后言

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

标签：

如何在h5和小程序中适配iphoneX及更高版本全面屏底部的安全区由讯客互联其他栏目发布，感谢您对讯客互联的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人网站或者朋友圈，但转载请说明文章出处“如何在h5和小程序中适配iphoneX及更高版本全面屏底部的安全区”