新的iphonex因为没有实体home按键,多了一个虚拟home按键导致大量的适配问题。
现在iphonex的web端适配基本不用考虑头部的问题,主要需要关注的fiexd底部定位的问题。
下面是未经适配iphonex下的各浏览器的展示情况:
safari的截图:
chrome的截图:
UC浏览器:
QQ浏览器:
手机QQ内嵌浏览器:
微信内嵌浏览器:
获取设备信息和浏览器信息。判断iphonex的方法,因为他奇葩的分辨率1125*2436 通过这个就能断定就是他了!
- var w = window.screen.width * window.devicePixelRatio;
- var h = window.screen.height * window.devicePixelRatio;
- _client.iphonex = !!(w == 1125 && h == 2436);
至于各种浏览器的判断方式,此处就不说网上太多。
来源: https://juejin.im/post/5a0d4d6b6fb9a045234170d6