兼容性与专业功底

兼容性：不同的浏览器对同一代码的解析不同，而造成的网页页面显示效果不统一。

需要我们做到的是：不管用户用什么浏览器，当访问我们的地址时，显示统一的效果。因此，兼容性问题就是前端开发必须要遇到的问题，并且要会去解决。

首先，我们需要严谨的前段开发人员，比如：精确按照设计图开发，尽量能精确到1px，这样制作的页面有几个优点：代码重用问题少，后期易于维护，比较牢固放心的代码。

而不是：按照设计图做网页时，哪里都是相差几px，很多效果要反复再反复的调试，得到的还是非常脆弱的代码，稍要改动就乱七八糟，改好了这个浏览器另外一个又是乱七八糟。其实不然，这并不是兼容性的问题，这仅仅是我们ps切图的功底。真正的兼容性问题很大可能是因为margin和padding。

处理兼容性的技术：

1，重置技术*{margin:0;padding:0;};  

2，Normalize技术（建议）。

（1）normalize只是让CSS呈现的外观在所有浏览器上看起来一致，并不完全取消它们的特性

（2）修复浏览器的Bug。

（3）reset在浏览器调试工具中有大段大段的继承链，normalize却不会让你的调试工具变得杂乱。

（4）Normalize.css是模块化的

（5）normalize.css拥有更详细的文档。

基于HTML5版本的流行，normalize成为替代CSSreset的最佳替代品。