Opera mini中的媒体查询 - 显示不正确

为什么此CSS在Opera mini中不起作用？Opera mini中的媒体查询 - 显示不正确

.gogogo{height:50px;width:100%;} 
@media screen and (min-width:100px){ 
    .gogogo {background-color:red;} 
} 
@media screen and (min-width:320px){ 
    .gogogo {background-color:orangered;} 
} 
@media screen and (min-width:480px){ 
    .gogogo {background-color:orange;} 
} 
@media screen and (min-width:600px){ 
    .gogogo {background-color:yellowgreen;} 
} 
@media screen and (min-width:768px){ 
    .gogogo {background-color:green;} 
}

HTML：

<div class="gogogo"></div>

JSFiddle，CSSDesk

我不只是在问这个问题，因为this site在它的工作非常好...也许他们使用JavaScript检测分辨率等事情呢？（我试图在源代码中找到它，但我的搜索没有成功。）

来源

2012-04-17 user1103744

你的问题的答案是一样的这一个 http://stackoverflow.com/questions/10246903/css3-media-queries-does-not-work-in-some-browsers-officially - 支持-MQ – szym 2012-06-21 15:33:11

Opera Mini是一个瘦客户端，它接收在Opera服务器上预编译的“智能”图像（OBML）。当您输入地址时，手机上的瘦客户端会将其发送给Opera服务器，Opera服务器会向远程服务器发送真正的HTTP请求。然后，Opera服务器收到响应，创建映像并将其发送回瘦客户端。所以本身没有css，html，js到达瘦客户端。只是OBML图像。因此，当您更改设备的方向时，您需要重新加载页面才能生效。这是节省带宽（80％）和设备上的实时交互之间的折中。

来源

2012-06-29 17:51:39 karlcow

Opera mini中的媒体查询 - 显示不正确

回答

相关问题