首页 > 其他 > 详细

调浏览器兼容步骤方法

时间:2014-07-13 11:43:46      阅读:341      评论:0      收藏:0      [点我收藏+]

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

调浏览器兼容步骤方法

原文:http://www.cnblogs.com/fyydnz/p/3837653.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!