2013-01-23 71 views
2

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

我已经使用了它并没有发现任何线索。任何想法是如何发生的? 谢谢!

回答

2

Opera Mini为什么会显示该网站的桌面版本有多种原因。最有可能的是,您的网站没有正确检测Opera Mini作为移动网站,并且没有返回正确的内容。如果您正在使用一些插件或其他软件来自动处理桌面与移动设备的路由,那可能是罪魁祸首。另外,由于Opera Mini的工作原理,这可能是由于设计而发生的。

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

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

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

+0

这解释了很多。谢谢你! :-) – paulfah

3

我终于发现它有什么问题。事实证明,我只是在使用@media screen,而Opera Mini似乎并不适合。我已经搜索了好几个小时。有人说实际上Opera Mini支持@media screen,但其他人表示Opera Mini的正确媒体属性是@media handheld.嗯,我试图通过简单地将其更改为@media all来保证安全。它的工作原理!