问题
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:
css responsive design in mobile is not working
responsive website design is not working on mobile phone
but no success. Any help will be appreciated.... Thanks
UPDATE
We are viewing on google nexus-5.
website works properly on google chrome but not on UC and opera mini browser.
we are using below meta tag in our html
website is live please check on you mobile device(browsers: UC and Opera mini)
https://www.urbanbinge.com/#!/
回答1:
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.
You can check below link for Opera Mini and UC Browser respectively:
https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/
http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055
You can fix that by detecting both browsers and fixing it by using HTML with jQuery Mobile.
Hope this will help you.
回答2:
if babel is used with react preset of react-transform-remove-inline-elements then your javascript will not run in mobile UC browser. I found this issue when using react-starter-kit by Kriasoft.
来源：https://stackoverflow.com/questions/30851085/css-responsive-design-in-mobile-is-not-working-on-uc-browser-and-opera-mini