浏览器兼容性问题与解决方法

问题一:<!DOCTYPE HTML>文档类型的声明

IE6中如若没有书写这个文档声明,会触发IE6的怪异模式,我们需要重新书写文档声明。

问题二:不同浏览器自身设置的内外边距不同

每个浏览器都会默认存在一个内外边距,并且各自的margin和padding差距比较大。

因此,在代码书写中务必在CSS里加上*{margin:0;padding:0;}。


问题三:标签设置浮动之后,又存在margin的情况下,IE6中显示的比设置的大

多个div标签在设置浮动之后,并未在一排,而是被挤到下一排,我们需要在float的标签样式中加入display:inline,将其转化为行内标签。


问题四:设置比较小的高度(小于10px),在IE6,7中高度超出自己设置的高度

我们需要在超出高度的标签上设置overflow:hidden,或者设置行高line-height小于你设置的的高度。


问题五:图片之间存在默认间距

img标签属于行内标签,所以宽度不超过容器本身,img标签就会排在一排,但是在某些浏览器中会存在默认间距,我们就需要设置float来布局。


问题六:img标签外部存在border边框

我们需要设置img边框border:0。


问题七:table标签的border-color无效

运用css样式控制,而不是使用属性进行样式处理。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值