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

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

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;