Opera Mini中的桌面Web版和移动Web版

时间:2013-01-23 14:09:41

标签: responsive-design mobile-website wap opera-mini

所以我有一个网站,我的意思是制作它的2个版本,桌面版(具有完整功能)和移动版(简化桌面版)。我在CSS中使用媒体查询来调整样式。它在本机浏览器中运行良好。当我使用本机浏览器打开我的网页时,它将显示移动版本样式。但不知何故,当我使用Opera Mini打开我的网页时,它会继续显示桌面版本。

我用Google搜索了一下,但没有发现任何线索。知道怎么回事? 谢谢!

2 个答案:

答案 0 :(得分:3)

我终于找到了它的错误。事实证明我只是愚蠢地使用@media screen而Opera Mini似乎并没有很好地处理它。我用Google搜索了几个小时。有人说Opera Mini支持@media screen,但其他人说Opera Mini的正确媒体属性是@media handheld.嗯,我试图通过简单地将其更改为@media all来保证安全。它有效!

答案 1 :(得分:2)

Opera Mini展示网站的桌面版本有很多原因。最有可能的是,您的网站未正确检测Opera Mini作为移动网站,并且未返回正确的内容。如果您正在使用某些插件或其他软件自动处理桌面与移动的路由,那可能是罪魁祸首。此外,由于Opera Mini的工作方式,设计可能会发生这种情况。

Opera Mini通过Opera自己的代理服务器运行Web内容,并尝试在将内容交付给用户之前对其进行“优化”。也就是说,内容首先在代理服务器上呈现,然后传递给设备。这当然会为试图为用户提供一致的移动Web体验的人带来各种复杂性。幸运的是,Opera提供development guide来帮助您更好地了解正在发生的事情以及如何应对。

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

您一定要仔细阅读opera mini development guide,并确保您正在进行的任何设备检测都能正确识别Opera mini作为移动浏览器。如果您只是使用媒体查询,您可能想要重新考虑更强大的移动检测方法,或者相应地调整您的设计以适用于Opera mini。祝你好运!