CSS отзывчивый дизайн в мобильном устройстве не работает на uc-браузере и в опере mini

Question

Отзывчивый веб-сайт в UC и браузере Opera не работает должным образом (мы использовали медиа-запрос для гибкого дизайна). я искал вокруг него я нашел некоторые ссылки:

css responsive design in mobile is not working

responsive website design is not working on mobile phone

, но не успех. Любая помощь будет оценена .... Спасибо

UPDATE

Мы рассматриваем на Google Nexus-5.

сайт работает правильно на Google Chrome, но не в UC и в мини-браузере Opera.

мы используем ниже мета-тегов в нашем HTML

сайт жив, пожалуйста, проверьте на вас мобильное устройство (браузеры: UC и Opera Mini)

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

Answer 1

Opera Mini и UC Browser есть частичная поддержка Javascript и не поддерживает 3d-tranformation, используемую для гибких меню, например, используемые фреймами 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.

Надеюсь, это вам поможет.

Answer 2

Если babel используется с запрограммированной предварительной настройкой элементов-преобразований-remove-inline-элементов, ваш javascript не будет запускаться в мобильном браузере UC. Я нашел эту проблему при использовании реактивного стартера Kriasoft.