hack css in safari and opera

hack css in safari and opera

@media all and (min-width: 0px){ }opera和safari都支持
@media screen and (-webkit-min-device-pixel-ratio:0){}
这个只支持safari，以前做表单统一样式的时候研究过。
如果想区分opera和safari的话先写
@media all and (min-width: 0px){
}
然后写
@media screen and (-webkit-min-device-pixel-ratio:0){}
就OK了

div{ width:100px; height:200px;}
@media all and (min-width: 0px){ div{ background:red} }
@media screen and (-webkit-min-device-pixel-ratio:0){div{background:#000}}

可以试下