所以我有一个网站，我的意思是制作 2 个版本，桌面版（具有完整功能）和移动版（桌面版的简化版）。我在 CSS 中使用媒体查询来调整样式。它在本机浏览器中运行良好。当我使用本机浏览器打开我的网站时，它将显示移动版本样式。但不知何故，当我使用 Opera Mini 打开我的网站时，它一直显示桌面版本。
我用谷歌搜索了它，但没有找到任何线索。知道它是如何发生的吗？ 谢谢！
【问题讨论】：
标签： responsive-design mobile-website wap opera-mini
我终于找到了它的问题所在。原来我只是愚蠢地使用@media screen 而Opera Mini 似乎并不能很好地处理它。我已经用谷歌搜索了几个小时。有人说实际上 Opera Mini 支持@media screen，但其他人说 Opera Mini 的正确媒体属性是@media handheld. 好吧，我试图通过简单地将其更改为@media all 来保证安全。它有效！
【讨论】：
Opera Mini 显示该网站的桌面版本的原因有很多。最有可能的是您的网站没有正确地将 Opera Mini 检测为移动网站，并且没有返回正确的内容。如果您使用的某些插件或其他软件会自动为您处理桌面与移动设备的路由，那可能是罪魁祸首。此外，由于 Opera Mini 的工作方式，这可能是设计使然。
Opera Mini 通过 Opera 自己的代理服务器运行 Web 内容，并在将内容交付给用户之前尝试“优化”内容。也就是说，内容首先在代理服务器上呈现，然后传送到设备。这当然会给那些试图为用户提供一致的移动网络体验的人带来各种复杂的情况。幸运的是，Opera 提供了development guide 来帮助您更好地了解正在发生的事情以及如何应对。
根据我的经验，Opera Mini 是一款很难使用的浏览器。在 Wikimedia Foundation，当我们检测到有人在使用 Opera Mini 时，我们会提供非常有限的 Wikipedia（和兄弟项目）体验。
您绝对应该通读opera mini development guide 并确保您所做的任何设备检测都正确地将opera mini 识别为移动浏览器。如果您只是使用媒体查询，您可能需要重新考虑一种更强大的移动检测方法，或者相应地调整您的设计以适用于 opera mini。祝你好运！
【讨论】：