H5兼容性问题

Posted maoyizhimi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5兼容性问题相关的知识,希望对你有一定的参考价值。

兼容性问题:1.要发生在低版本的浏览器上,低版本的手机。2.高级曲面屏手机。

兼容性问题解决之道:不要用高级省事代码,老老实实写最普通常规的代码。

遇到的兼容性问题记录:

1.object.assign() : js中用了这个方法,低版本手机不支持,导致有返回值不展示。

2.innerwidth : 在低版本手机上页面跳转字体闪现变大。低版本手机不支持该属性。

3.flex : 在老版本手机中样式不生效。

4.border: 1px; : 不要写成零点几rem,甚至零点零几rem,因为有些手机不显示,特别上曲面屏。1px大小的直接写1px即可

以上是关于H5兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

【H5】video兼容性问题以及解决对策

关于H5在安卓ios平台兼容性问题,及解决方案

微信小程序h5兼容性问题

h5-语义化标签的兼容性问题

移动端h5网页遇到一个兼容性bug,我添加长按事件在苹果会弹出个放大镜,会把我自己加的长按事件挤掉

H5中常见的 Android 和 iOS 兼容性问题