兼容性:不同的浏览器对同一代码的解析不同,而造成的网页页面显示效果不统一。
需要我们做到的是:不管用户用什么浏览器,当访问我们的地址时,显示统一的效果。因此,兼容性问题就是前端开发必须要遇到的问题,并且要会去解决。
首先,我们需要严谨的前段开发人员,比如:精确按照设计图开发,尽量能精确到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的最佳替代品。