6

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/#!/

Community
  • 1
  • 1
Raj
  • 739
  • 1
  • 10
  • 23
  • Please post the code – user2182349 Jun 15 '15 at 17:15
  • Can you provide more details about what precisely is not working? – nikola_wd Jun 15 '15 at 17:28
  • @j08691 https://en.wikipedia.org/wiki/UC_Browser – TylerH Jun 15 '15 at 17:55
  • is it an iphone you are trying to view it on? if so what is you min px width? – Adam Buchanan Smith Jun 15 '15 at 21:56
  • UC & Opera Mini use server-side rendering and have a smaller set of supported CSS features. Take a look at [this Opera blog post](https://dev.opera.com/articles/making-sites-work-opera-mini/) and a comparision of features of Opera Mini, UC Browser and Chrome: http://caniuse.com/#compare=chrome+43,op_mini+5.0-8.0,and_uc+9.9 You might be using an unsupported feature. – quw Jun 16 '15 at 14:24
  • @Raj. Same problem with my website(https://www.winni.in/bangalore). It is not working fine with uc browser and opera mini in mobile. If you got solution then please share. – Varun Sharma Jan 30 '17 at 06:09
  • @Raj. I ask related question http://stackoverflow.com/questions/41908037/i-want-to-see-console-of-mobile-browseruc-browser – Varun Sharma Jan 30 '17 at 06:11

2 Answers2

8

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.

mortalis
  • 2,060
  • 24
  • 34
Rohit Patel
  • 121
  • 1
  • 4
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.

Shishir Arora
  • 5,521
  • 4
  • 30
  • 35
  • 1
    Same problem with my website(winni.in/bangalore). It is not working fine with uc browser and opera mini in mobile. If you got solution then please share. Also ask related question.http://stackoverflow.com/questions/41908037/i-want-to-see-console-of-mobile-browseruc-browser – Varun Sharma Jan 30 '17 at 06:49