经常遇到的浏览器的兼容性有哪些？常用的HACK技巧！

1.背景介绍

由于各浏览器对页面的解析不同，会导致页面在不同浏览器中显示的样式不一致， 为了保持页面的统一，经常需要对浏览器进行兼容性问题的调试。

2.知识剖析

CSS Hack的概念

面对浏览器诸多的兼容性问题，经常需要通过修改CSS样式来调试， 其中用的最多的就是CSS Hack。所谓CSS Hack就是针对不同的 浏览器书写不同的CSS样式，通过使用某个浏览器单独识别的样 式代码，控制该浏览器的显示效果

3.常见问题

3.1 浏览器默认边距不同

由于不同浏览器的很多标签的默认间距是有差别的，所以样式重置就显得尤为重要， 否则网页很容易在不同浏览器上出现较大差异甚至是不能使用

3.2 MARGIN加倍问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug

4.解决方案

直接使用通配符来将自带的margin和padding初始值设为0 *{margin:0;padding:0;}

在这个div里面加上display:inline

5.编码实战

6.扩展思考

Hack技巧有它的局限性，那么除了Hack技巧还有哪些方法来解决浏览器兼容问题？

7.参考文献

参考一： 脚本之家
参考二： 博客

8.更多讨论

大家遇到过哪些兼容性问题，以及是如何解决的？

    

问题：

1.浏览器hack总结 详细的浏览器兼容性的快速解决方法

答：面对浏览器诸多的兼容性问题，经常需要通过CSS样式来调试，其中用的最多的就是CSS Hack。所谓CSS Hack就是针对不同的浏览器书写不同的CSS样式，通过使用某个浏览器单独识别的样式代码，控制该浏览器的显示效果。CSS Hack主要分为两类

2.常见浏览器HACK技巧总结

答：

IE系列浏览器的hack大略如下：

_nowamagic:1px;-----------ie6

*nowamagic:1px;-----------ie7

nowamagic:1px\0;----------ie89

nowamagic:1px\9\0;--------ie9

:root nowamagic:1px;    ----ie9

                         

3.margin加倍问题：

答：在这个div里面加上display:inline