这里和小伙伴们简单讨论一下个人对前端兼容性的一些理解：在项目中，前端主要处理html、css、javaScript代码，当然也可能有接触了razor等渲染引擎的知识，但主要处理的还是HTML、CSS、JavaScript。我个人认为兼容性问题也是要处理好这三个方面的问题。首先是html兼容性的处理。大家都知道，虽然有一个W3c标准来规范html、xml/xhtml/css/javaScript/dom标准，但这只是一个标准，真正的作用是浏览浏览器，但是浏览器有很多种，比如firefox/chrome/ie等，每个浏览器都有不同的版本。不同的浏览器因为浏览器本身的渲染引擎不同，所以版本不同，对w3c标准的支持版本也不同。造成了一大堆兼容性问题。对于HTML兼容性问题，这里只提供两种解决方案：1.使用styleresetcss文件解决同一个HTML标签在不同浏览器或同一浏览器的不同版本呈现不同的兼容性问题。（个人推荐normalize.css），当然这个仅供参考。样式重置要根据项目样式和公司开发规范要求自定义，所以要看具体要求，但是一般的重置样式都是差不多的，无非就是重置padding，margin，fontproperties等。具体看，你可以去normalize.css查看里面的css样式。2、在网页顶部添加doctype（文档类型）标签声明。这就涉及到盒模型的问题。众所周知，ie是独一无二的。在盒子模型上，ie处理不同。ie中标签的宽高属性包括padding和border。不添加doctype时，各个浏览器以自己的方式渲染标签，会造成兼容性问题，而添加后，浏览器会按照w3c标准盒模型渲染标签。此外，还有css兼容性的问题。reset重置样式只是解决了一些比较简单的样式问题，双边距离、最小高度等问题需要开发者在各自的项目中自行处理。这里总结的比较全面，有兴趣的朋友可以看看（https://zhuanlan.zhihu.com/p/...）。最后，还有JavaScript的兼容性问题。由于浏览器的发展和引擎的不同，浏览器自带的API也会有所不同，这就造成了JavaScript兼容性的问题。客户端检测在引用对象属性或方法时，检测当前浏览器所在的系统、支持的语法、具有的特殊性能。包括能力检测、怪癖检测和用户代理检测，我个人更喜欢能力检测：能力检测的目标不是识别具体的浏览器，而是识别浏览器的能力。使用这种方式不需要考虑浏览器如何，只需要判断浏览器是否支持特定的能力，然后提供相关的解决方案。能力测试需要注意两点：1.首先检测最常用的特征来达到目的，可以保证代码优化，避免测试多个条件；2.你必须测试实际使用的特性；以上是小编的理解，如有不妥还望大家指正讨论，嘻嘻~
