响应式设计 - Opera Mini 中的桌面网页版和移动网页版



所以我有一个网站,我的意思是制作它的 2 个版本,桌面版(具有完整功能)和移动版(简化桌面版)。我正在使用CSS中的媒体查询来调整样式。它在本机浏览器中运行良好。当我使用本机浏览器打开我的网络时,它将显示移动版本样式。但不知何故,当我使用 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 提供了一个开发指南,可以帮助您更好地了解正在发生的事情以及如何应对它。

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

您绝对应该通读 opera mini 开发指南,并确保您正在执行的任何设备检测都正确识别 opera mini 作为移动浏览器。如果您只是使用媒体查询,您可能需要重新考虑更强大的移动检测方法,或者相应地调整您的设计以适用于 opera mini。祝你好运!

相关内容

最新更新