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

前端之家收集整理的这篇文章主要介绍了移动设备中的CSS响应式设计不适用于uc浏览器和opera mini前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
UC和Opera min浏览器的响应式网站无法正常工作(我们使用媒体查询进行响应式设计).我搜索它周围发现了一些链接

css responsive design in mobile is not working

responsive website design is not working on mobile phone

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

UPDATE

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

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

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

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

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

解决方法

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修复它来解决这个问题.

希望这会帮助你.

猜你在找的CSS相关文章