Enquire.js соответствует два медиа-запроса

Вот мои два медиа-запроса

@media screen and (min-width:1240px) and (min-height:800px)

@media screen and (min-width:1400px) and (min-height:900px)

И я использую Enquire.js, чтобы соответствовать моим медиа-запросам

enquire
.register("screen and (min-width:1240px) and (min-height:800px)", {
    match: function() {
        console.log('1240px');
    },
    unmatch: function() {
        console.log('<1240px');
    },
})
.register("screen and (min-width:1400px) and (min-height:900px)", {
    match: function() {
        console.log('1400px');

    },
    unmatch: function() {
        console.log('<1400px');
    });

Проблема в том, если я пойду из screen and (min-width:1400px) and (min-height:900px) в screen and (min-width:1240px) and (min-height:800px), equire.js не будет соответствовать screen and (min-width:1240px) and (min-height:800px) и это создает проблему. Я пытался использовать несоответствие, чтобы решить эту проблему, но тогда я не буду соответствовать обоим условиям, если я иду из screen and (min-width:1400px) and (min-height:900px) к чему-то меньшему, чем screen and (min-width:1240px) and (min-height:800px), У кого-нибудь есть какое-то решение?

0 ответов

Другие вопросы по тегам