浅谈浏览器兼容性问题-(4)工具及调试

浅谈浏览器兼容性问题-(4)工具及调试

前言

浏览器兼容性的问题,即使积累得更多,也会有新的问题出现。此时我们就需要会(利用工具)调试及解决问题。下面以一个滚动条宽度位置的问题为例说明此点。

问题

这个网址下的表格,在IE7模式下,会有一部分的内容被滚动条覆盖了 滚动条问题

解决

我们要利用开发人员工具一层层循序寻找看是哪个元素导致的问题,是里面的太大,还是外面的太小?其实图中我已经找好了,是里面的表格元素大了一点,而且是IE7下面才有的问题,所以,迅速地在css中加上+table_list{width:98%;},问题解决了。 http://gh.p2227.com/demo/applyLayout/playout.html

思考

width:100%的意义是什么呢,跟width:auto又有什么区别?我找到了这篇博客,里面讨论到了margin的问题,但我的代码中并没有margin,所以我自己做了测试。 针对width:100%和width:auto的区别 width:100%的测试代码    width:auto的测试代码

效果图:

IE6宽度100%IE7宽度100%IE8宽度100%IE6宽度autoIE7宽度autoIE8宽度auto

posted @   p2227  阅读(1954)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示