CSS hack

　　最近做一个图片的布局，遇到了浏览器兼容的问题，实在是苦恼，最后决定支持IE、FireFox和Chrome，

只支持目前的最新版，IE6之类的未做深入研究，得到有效写法如下：

 

.div1 {

　　margin: 3px;　　　　/*FireFox*/

　　margin: 5px\9;　　  /*IE*/

　　margin: 5px\0;　　 /*IE*/

}

 

@media screen and (-webkit-min-device-pixel-ratio:0) {

　　.div1 {

　　　　margin: 2px;　　/*Chrome*/

　　}

}