Как решить проблему с matchMedia на Android устройствах?

Question

[Антон Голубков]

От предыдущего программиста достался код

function setupForWidth(mql) {
        if(mql.matches) {
            menu.classList.remove('hidden');
            document.querySelector('body').classList.remove('mod-position-f')
        } else {
            menu.classList.add('hidden');
            bodyPosition(menu, 'hidden');
        }
    }

    var mql = window.matchMedia("screen and (min-width: 768px)");

    if(menu) {
        mql.addListener(setupForWidth);
        setupForWidth(mql)
    }

все это висит на DOMContentLoaded

И во всех браузерах кроме Android Browser корректно работает. Андроид браузер игнорирует условие и отрабатывает вариант else всегда... помогите разобраться...

Сайт Orby.ru
При открытии с андроид устройства через родной браузер меню перекрывает все.

Answer 1

[Владимир]

Вы уверены, что ваш Андроид удовлетворяют условию и ширина экрана у него больше 767px?
И какая версия Андроида?

Comments

[Антон Голубков]

Тестили в родном браузере на куче устройств от GalaxyS3, S8 до какой-о стремной ZTEшки за 5 тыс рублей. Экраны соответственно разные

[Антон Голубков]

версия 4.0.4. и 8