微信小程序兼容适配 iPhoneX 底部横条

fixed 定位到底部的时候,iphoneX底部的横条会挡住内容,解决办法如下:
加入下下样式
padding-bottom:calc(10px + env(safe-area-inset-bottom)/2);

 

https://blog.csdn.net/weixin_44143279/article/details/111910310
https://blog.csdn.net/chunxiaqiudong5/article/details/104065563

 

posted @ 2022-06-05 10:46  kjcy8  阅读(120)  评论(0编辑  收藏  举报