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

为什么这个CSS在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:

,

---

我不只是问这个问题，因为它工作得很好…也许他们使用javascript来检测分辨率和其他东西？（我试图在源代码中找到它，但搜索不成功。）

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

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

您的问题的答案与此相同您的问题的答案与此相同

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