移动设备中的CSS响应式设计不适用于uc浏览器和opera mini

Question

UC和Opera min浏览器的响应式网站无法正常工作(我们使用媒体查询进行响应式设计).我搜索它周围发现了一些链接:

移动设备中的css响应式设计无效

响应式网站设计不适用于手机

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

UPDATE

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

网站在谷歌浏览器上正常工作但在UC和Opera迷你浏览器上没有.

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

网站现场请检查您的移动设备(浏览器:UC和Opera mini)

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

Answer 1

Opera mini和UC Browser部分支持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修复它来解决这个问题.

希望这会帮助你.