曾经的pc端项目踩到的一些兼容性的坑及其解决方案

　　 曾经公司pc端项目一直最低兼容到IE7，要求和chrome下浏览效果一致，真心坑坏了我和另外一个小伙伴(另一个小伙伴以前也没处理过兼容问题)。不过还好，在这里真心感谢鑫哥博客的详解，从底层原理讲到了具体该如何解决(虽然我们踩过的许多无厘头的坑里面也没有)，但是还是想把鑫哥的博客推荐出来，毕竟互联网时代的技术是共享的，张鑫旭：  http://www.zhangxinxu.com/，国内js大牛也许没有公认的最厉害的，但是鑫哥在我们小伙伴的眼里css基本上是NO1

　　废话就不说那莫多了，本来打算在一篇博客里把情况及解决方案集中列一下的，但是仔细研究下鑫哥的博客，这样只会导致为了解决问题而解决问题的情况出现，可能换一个标签这个方法就不同用了，因此决定后面按类来划分，具体详细的细节点可以查看鑫哥的博客，我也会追加上具体的点的博客地址作为补充，希望鑫哥不会告我侵权(haha)。

　　  出来具体的解决方案之前，想絮叨几句，这是最后出来的经验：

　　　　1.如果是自己纯手写不引入框架的话，尽量遵循w3c的规范来写，这样可以极大降低兼容性问题出现的可能及各种奇葩问题，包括样式名的定义及书写顺序和标签嵌套也要按照规范来

　　　　2.提前和产品经理及运营沟通好，是否需要做低版本的ie处理，受众群体的浏览器使用情况，吐过需要处理的话，尽量少用H5的新标签和css3的属性，老老实实使用类名选择元素还是比较靠谱的，不需要的话也要做好部分css样式的处理,在移动端android上兼容有时候也会出问题，如响应式布局，后面会详解。

　　　　3.自己练手的项目不建议使用框架，但是公司项目尽量使用框架，如bootstrap,pc端即使需求人员不提自己也要做好适配处理，另外兼容问题可以极大缩少
　　话说现在鹅厂已经不再考虑ie8了，咱们前端也快该放弃他了，哈哈，希望这天早点到来，但是现阶段是否需要考虑还是得看具体的受众，坑坑的xp系统还有人在用。

　　另外移动端的适配，兼容，SPA应用会逐一记录(我用的也不是太深，才从头真正做过两个SPA的项目重构，希望勿喷)