常见浏览器兼容性问题与解决方案

作为一个前端攻城狮，遇到浏览器的兼容性问题真的很头疼，为了方便自己和大家，下面是我收集的一些浏览的兼容性问题与解决方案。

1. 不同浏览器的标签默认的外补丁和内补丁不同
   说明：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
   解决方案：比如这样一个CSS设置*{margin:0;padding:0;}
2. 2.

浮动问题
下面贴出的是比较通用的浮动兼容性代码

.cc:after {content: “.”;display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}/* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc {display: block;}/* End hide from IE-mac *//*清除浮动 代码*/
.c{clear:both;height:0px;font:0px/0px Arial;overflow:hidden;}

3.关于IE6，就是中文字体的问题，很多时候，你在css中写字体，一般是用英文，现在附上常见字体中英文对照表：

中文	英文
华文细黑	STHeiti Light [STXihei]
华文黑体	STHeiti
华文楷体	STKaiti
华文宋体	STSong
华文仿宋	STFangsong
俪黑 Pro	LiHei Pro Medium
俪宋 Pro	LiSong Pro Light
标楷体	BiauKai
苹果俪中黑	Apple LiGothic Medium
苹果俪细宋	Apple LiSung Light

Windows的一些：

中文	英文
新细明体	PMingLiU
细明体	MingLiU
标楷体	DFKai-SB
黑体	SimHei
宋体	SimSun
新宋体	NSimSun
仿宋	FangSong
楷体	KaiTi
仿宋_GB2312	FangSong_GB2312
楷体_GB2312	KaiTi_GB2312
微软正黑体	Microsoft JhengHei
微软雅黑体	Microsoft YaHei

装Office会生出来的一些：

中文	英文
隶书	LiSu
幼圆	YouYuan
华文细黑	STXihei
华文楷体	STKaiti
华文宋体	STSong
华文中宋	STZhongsong
华文仿宋	STFangsong
方正舒体	FZShuTi
方正姚体	FZYaoti
华文彩云	STCaiyun
华文琥珀	STHupo
华文隶书	STLiti
华文行楷	STXingkai
华文新魏	STXinwei

4. 使用hacker
说明：使用hacker我可以把浏览器分为3类：IE6 ；IE7和遨游；其他（IE8 chrome ff safari opera等）
/* CSS hack*/
◆IE6认识的hacker 是下划线_ 和星号 *
◆IE7 遨游认识的hacker是星号 *
解决方案：比如这样一个CSS设置：height:300px;*height:200px;_height:100px;