浏览器兼容性问题

 

一 兼容性：
1.产生原因：
ie/360/遨游 6 7 没有按照 w3c标准 去制作浏览器
8 9 10 支持w3c标准
火狐 google 支持w3c
支持的宽度和高度
元素和样式引起的

开发方式：
google开发 其他浏览器下调试

http://www.cr173.com/soft/4568.html

2 工具的测试：

在ietester下 打开 6 7 窗口 google窗口
做的html页面 要在 6 7 google下都刷新一下通过 兼容就没有问题了

3 常见的兼容性
1>特殊符号的解释：
color:#f00
color:#f00!important
+color:#f00
-color:#f00
基础样式不需要添加特殊符号 边框 背景 颜色 字体大小...
2>引入css文件的解释：
<!--[if gte IE 6]> 如果ie6浏览器
<link href="a.css"> 调用a.css样式文件
<![endif]-->
<!--[if gte IE 7]> 如果ie7浏览器
<link href="b.css"> 调用b.css
<![endif]-->
<link href="c.css"> 其他浏览器执行c.css
3> 火狐不识别： padding:5px 5px 5px 5px;
padding-top:5px;
padding-left:5px;
.....

4> a:link 在 google 火狐下 兼容行不好 a{}
5>上一个元素浮动了，下一个元素 clear:both
双倍边距的问题 ，浮动引起的 需要把宽元素 添加display:inline