解决不同浏览器兼容问题心得

1.针对不同浏览器的hack写法

/*Firefox*/
@-moz-document url-prefix() { 
    .class{ color：#000000 } 
}

/*Webkit枘核浏览器(chrome and safari)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
      .class{ color：#000000 } 
 }

/*IE*/
请转 http://blog.csdn.net/freshlover/article/details/12132801

2.css reset（css的样式重置）

原理是清楚一些标签的默认样式，自己从新定义样式，以保证不同浏览器展现的效果一样。

小伙伴可以参考 http://www.zhangxinxu.com/wordpress/2010/08/html5-css-reset/ 不要滥用乱用