经常遇到的浏览器的兼容性有哪些?常用的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