@media all and (min-width: 0px){ }opera和safari都支持
@media screen and (-webkit-min-device-pixel-ratio:0){}
這個(gè)只支持safari，以前做表單統(tǒng)一樣式的時(shí)候研究過(guò)。
如果想?yún)^(qū)分opera和safari的話(huà)先寫(xiě)
@media all and (min-width: 0px){
}
然后寫(xiě)
@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}}
可以試下