移动设备中的CSS响应式设计无法在uc浏览器和opera mini

Question

UC和Opera min浏览器的响应式网站无法正常工作（我们使用媒体查询进行响应式设计）。我搜索了一下，我发现了一些链接：

css responsive design in mobile is not working

responsive website design is not working on mobile phone

但没有成功。任何帮助将不胜感激....谢谢

更新

我们正在google nexus-5上查看。

网站适用于谷歌浏览器，但不适用于UC和Opera迷你浏览器。

我们在html中使用了以下元标记

网站现场请检查您的移动设备（浏览器：UC和Opera mini）

https://www.urbanbinge.com/#!/

Answer 1

Opera mini和UC浏览器对Javascript有部分支持，它不支持用于响应式菜单的3d转换，例如Foundation和Bootstrap框架（因为这些浏览器在兼容性列表中也没有提到）。他们也不加载GIF，你必须使用svg图像来代替它，因为它们在加载之前压缩它们的资产，这使得它比其他浏览器更快。

您可以分别查看Opera Mini和UC Browser的以下链接：

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055

您可以通过检测两个浏览器并使用HTML和jQuery Mobile修复它来解决这个问题。

希望这会对你有所帮助。

Answer 2

如果babel与react-transformation-remove-inline-elements的反应预设一起使用，则您的javascript将无法在移动UC浏览器中运行。我在使用Kriasoft的react-starter-kit时发现了这个问题。