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)
, У кого-нибудь есть какое-то решение?