标签:iPhoneX

前端开发

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

4

前端里 - 小鱼 发布于 2017-12-17

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

阅读(3481)评论(0)赞 (11)

前端开发

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

15

前端里 - 小鱼 发布于 2017-08-10

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

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