h5开发遇到手机兼容性问题_做h5开发时在部分手机上崩溃

作者：不正经 | 2024-02-16 22:20:22

踩

做h5开发时在部分手机上崩溃

1 position : fixed + z-index 导致直播播放器的封面闪一闪，在三星一台手机上重现了，苹果很偶尔会闪一次。解决方法修改布局网上找替代position:fix + z-index的方案

2 iphone 6 plus 遇到弹出一个协议，然后滚动到底时，有的苹果机型有橡皮筋效果，导致一直向上滚动时，可以稍微出现协议的下层界面。

推荐做法当遮罩层出现时或组件渲染时document.body.style.position = ‘fixed’ 当组件摧毁或者隐藏时document.body.style.position = ‘initial’

3 手机端获取用户连接的网络类型，navigato.connection.type，iphone自带浏览器safiri没有type这个属性，所以只能满足大部分安卓用户

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/97238