标签:iPhoneX

前端开发

H5页面适配 iPhoneX,就是这么简单

4

前端里 - 小鱼 发布于 4小时前

前言iPhoneX取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素)。笔者通过查阅了...

阅读(13)评论(0)赞 (0)

前端开发

iPhone X 适配H5页面的通用解决方案

15

前端里 - 小鱼 发布于 4个月前 (08-10)

目前的H5页面可以分为通栏页面和非通栏页面两种,每种页面都可能有底部操作栏,具体如下:通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏banner的效果,由于iPhoneX在状态栏增加了24px的高度,对于现在通栏banner规范的内容区域会有遮挡情况。解决方案:对于通栏页面...

阅读(107)评论(0)赞 (2)