前端兼容性问题汇总

简述

作为前端一名晚辈，很遗憾没有赶上调试 IE6 的日子 ~\(≧▽≦)/~ 奈何各浏览器大佬毕竟现在还是不肯一起干，非自己搞标准，浏览器各个版本还d都自己搞内讧。所以前端兼容性问题注定还是一场长期艰苦的抗战。。所以这里自己记一下遇到的一些兼容性问题等等，供大家参考。

从浏览器内核的角度 来看，浏览器兼容性问题可分为以下三类：

1. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。
2. 脚本相关：和脚本相关的问题，包括 JavaScript 和 DOM、BOM 方面的问题。对于某些浏览器的功能方面的特性，也属于这一类。
3. 其他类别：除以上两类问题外的功能性问题，一般是浏览器自身提供的功能，在内核层之上的。

尽管各位浏览器大佬对于这个问题有不可推卸的责任，然而确实作为一名前端程序员，保证自己的代码足够规范是更为重要的。

不够规范的代码会使不兼容现象更加突出，一个优秀的前端工程师不应该写出不规范的代码 不够规范的代码会使不兼容现象更加突出，一个优秀的前端工程师不应该写出不规范的代码 不够规范的代码会使不兼容现象更加突出，一个优秀的前端工程师不应该写出不规范的代码

我们应当做的就是尽量了解标准，熟悉各浏览器的Bug和特性，灵活设计页面功能，这样才可以最大程度有效的避免各浏览器兼容性问题。

PC-WEB

移动端

Android

• 安卓设备scrolltop()方法无法正常执行

iOS

• iOS不兼容position:fixed属性