浏览器兼容性问题与解决方法
2018-03-06 23:43
78 查看
问题一：<!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样式控制，而不是使用属性进行样式处理。
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样式控制，而不是使用属性进行样式处理。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 浏览器兼容性问题以及解决方法1
- 解决input标签placeholder属性浏览器兼容性问题的一种方法
- 浏览器兼容性问题及解决方法（转）
- IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
- firefox播放优酷，土豆视频，出现 “浏览器兼容性问题，视频不能播放了”的解决方法
- IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
- 浏览器兼容性问题以及解决方法2
- 浏览器兼容性问题及解决方法（转）
- JavaScript中解决多浏览器兼容性23个问题的快速解决方法
- JavaScript中解决多浏览器兼容性23个问题的快速解决方法
- 5、Firefox浏览器中无法撑开高度问题的解决方法。 [解决bug的方法和对浏览器兼容性的技能]
- 前端常见的浏览器兼容性问题及解决方法（不断更新中）
- 解决各大浏览器兼容性问题的方法
- 在JRE1.4.2以上版本中解决Javascript调用已签名Applet方法时提示没有权限问题
- 深入剖析Java编程中的中文问题及建议最优解决方法---上篇
- 巧方法解决大问题
- 无法访问WinXP机器的问题解决方法
- jbuilder光标问题解决的最简单方法 [小糊涂的灵感]
- 深入剖析Java编程中的中文问题及建议最优解决方法--下篇
- WebLogic8.1的中文问题解决方法