手机中的CSS响应式设计不适用于uc浏览器和Opera mini [英] CSS responsive design in mobile is not working on uc browser and opera mini
问题描述
UC上的响应式网站和Opera min浏览器无法正常运行(我们使用媒体查询进行响应式设计).我在它周围搜索，发现了一些链接:
Responsive website on UC and opera min browser not working properly(we used media query for responsive design). i searched around it i found some links:
但没有成功.任何帮助将不胜感激....谢谢
but no success. Any help will be appreciated.... Thanks
更新
我们正在Google nexus-5上浏览.
We are viewing on google nexus-5.
该网站在google chrome上正常工作，但在UC和Opera mini浏览器上无法正常工作.
website works properly on google chrome but not on UC and opera mini browser.
我们在html中使用下面的meta标签
we are using below meta tag in our html
该网站上线了，请检查您的移动设备(浏览器:UC和Opera mini)
website is live please check on you mobile device(browsers: UC and Opera mini)
https://www.urbanbinge.com/#!/
推荐答案
Opera mini和UC Browser对Javascript具有部分支持，并且不支持用于响应菜单的3d转换，例如Foundation和Bootstrap框架使用的(因为这些浏览器是兼容性列表中也未提及).此外，它们也不会加载gif，因此您必须使用svg图像代替，因为两者都在加载之前压缩了它们的资产，这使其与其他浏览器相比要快得多.
Opera mini and UC Browser have partial support for Javascript and it does not support 3d tranformation used for responsive menus e.g used by Foundation and Bootstrap frameworks (as these browsers are also not mentioned in their compatibilty list). Also they do not load gifs, you have to use svg images in place of that because both compress their assets before loading which make it much faster in compare to other browsers.
您可以分别在以下链接中查看Opera Mini和UC浏览器:
You can check below link for Opera Mini and UC Browser respectively:
https://dev.opera.com/articles/歌剧迷你内容创作指南/
http://forum.ucweb.com/forum.php ?mod = viewthread& tid = 871055
您可以通过检测两个浏览器并通过在jQuery Mobile中使用HTML来修复它.
You can fix that by detecting both browsers and fixing it by using HTML with jQuery Mobile.
希望这会对您有所帮助.
Hope this will help you.
这篇关于手机中的CSS响应式设计不适用于uc浏览器和Opera mini的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
