【面向CSS--4.浏览器兼容性】

前言

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

在学习浏览器兼容性之前，我想把前端开发人员划分为两类：

第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都是浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，如间距，行高，图片位置等等经常会差几px。某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

摘抄自 常见浏览器兼容性问题与解决方案

我们在进行页面开发的时候，经常会发现页面样式与我们所预想的不一样，排除掉书写错误，样式冲突，剩下的原因多是因为浏览器兼容性问题造成的，知道这些，我们就能快速的找出问题，并解决。

关于浏览器兼容性问题的解决方法，网上有很多很多，而且基本一样，这里就不再造轮子了，只提供几个网站，继续学习，请移步：

CSS3新特性，兼容性，兼容方法总结
对浏览器css兼容性的学习理解及问题解决汇总
html和css中常见的浏览器兼容性处理
最全的CSS浏览器兼容问题
常见浏览器兼容性问题与解决方案
最全的CSS浏览器兼容问题