Opera Mini中的桌面web版本和移动web版本

Question

所以我有一个网站，我想做2个版本，桌面版本(功能齐全)和移动版本(简化桌面版本)。我在CSS中使用媒体查询来调整样式。它在本地浏览器中工作得很好。当我使用本地浏览器打开我的网页时，它会显示手机版本的样式。但不知何故，当我使用Opera Mini打开我的网页时，它仍然显示桌面版本。

我用谷歌搜索了一下，没有找到任何线索。你知道这是怎么发生的吗？谢谢!

Answer 1

Opera Mini显示该网站桌面版本的原因有很多。最有可能的是你的网站没有正确地检测到Opera Mini是一个移动网站，并且没有返回正确的内容。如果你正在使用一些插件或其他软件，它会自动为你处理桌面与移动设备之间的路由，这可能是罪魁祸首。此外，由于Opera Mini的工作方式，这也有可能是设计出来的。

Opera Mini通过Opera自己的代理服务器运行网络内容，并试图在将内容交付给用户之前对其进行“优化”。也就是说，首先在代理服务器上呈现内容，然后将其传送到设备。当然，对于那些试图向用户提供一致的移动web体验的人来说，这无疑会带来各种各样的麻烦。幸运的是，Opera提供了一个development guide，可以帮助您更好地了解发生了什么以及如何应对。

根据我的经验，Opera Mini是一个很难使用的浏览器。在维基媒体基金会，当我们检测到有人在使用Opera Mini时，我们提供的维基百科(和兄弟项目)体验非常有限。

你绝对应该通读opera mini development guide，并确保你正在做的任何设备检测都正确地将opera mini识别为移动浏览器。如果你只是使用媒体查询，你可能想重新考虑一种更健壮的移动检测方法，或者相应地调整你的设计，使其适用于opera mini。祝好运!

Answer 2

我终于找到它的问题所在了。事实证明，我愚蠢地只使用@media screen，Opera Mini似乎没有很好地处理它。我用谷歌搜索了好几个小时。有人说Opera Mini实际上支持@media screen，但也有人说Opera Mini的正确媒体属性是@media handheld.。好吧，为了保险起见，我简单地把它改成了@media all。而且它起作用了！