Il CSS responsive design in mobile non funziona su uc browser e opera mini

Question

Il sito Web reattivo su UC e il browser Opera Min non funzionano correttamente (abbiamo usato la query multimediale per la progettazione reattiva). Ho cercato in giro che ho trovato un po 'di link:

css responsive design in mobile is not working

responsive website design is not working on mobile phone

, ma senza successo. Qualsiasi aiuto sarà apprezzato .... Grazie

UPDATE

Siamo la visualizzazione su Google Nexus-5.

sito web funziona correttamente su google chrome ma non su UC e mini browser opera.

stiamo usando qui di seguito meta tag nel nostro html

sito web è vivo si prega di verificare su di voi dispositivo mobile (browser: UC e Opera Mini)

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

Answer 1

Opera Mini e UC Browser hanno supporto parziale per Javascript e non supporta la trasformazione 3d utilizzata per i menu responsive, ad esempio utilizzati dai framework Foundation e Bootstrap (poiché questi browser non sono menzionati nella loro lista di compatibilità). Inoltre non caricano gif, devi usare le immagini svg al posto di questo perché entrambe comprimono le loro risorse prima del caricamento che lo rendono molto più veloce rispetto agli altri browser.

È possibile controllare sotto collegamento per Opera Mini e UC Browser rispettivamente:

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055

si può risolvere che rilevando entrambi i browser e fissandolo utilizzando HTML con jQuery Mobile.

Spero che questo ti possa aiutare.

Answer 2

se babel viene utilizzato con la risposta predefinita di react-transform-remove-inline-elements, allora il tuo javascript non verrà eseguito nel browser UC mobile. Ho trovato questo problema quando utilizzo react-starter-kit di Kriasoft.