首页 > 代码库 > 调浏览器兼容步骤方法

调浏览器兼容步骤方法

终于完成了页面代码的编写。师傅叫我现在开始调浏览器的兼容性。在火狐和chrome中都显示的好好的页面,在ie8中就开始显示不行了。调试的最好方法就是逐步审查,用排除法。

首先,在ie中貌似对标签是否完整有要求。当笔者就是在某个地方<a>标签不完整导致div快显示有问题。所以在ie调试之前先审查自己的标签。

其次,建议先从高版本的浏览器进行调试。

最后,常见的问题:

1.fixed元素

当我上面一个标签使用了fixed属性时,相邻的标签用margin这个属性与其保持间距就会失效。

解决方案:1.使用padding;2.另外添加一个空的块级元素或者拥有内容的内联元素。

 

2.inline-block;

使用了inline-block在ie7以及以下就会产生问题。

解决方案:可能两个inline-block元素之间会产生空格。

  可能在ie中宽度会发生变化,可以取代inline-block而去使用float达到相同效果,或者采用绝对定位:position:absolute;