调浏览器兼容步骤方法

终于完成了页面代码的编写。师傅叫我现在开始调浏览器的兼容性。在火狐和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;

调浏览器兼容步骤方法,布布扣,bubuko.com