0

これが私の2つのメディアクエリです

@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)、問題が発生することです。これを解決するために unmatch を使用しようとしましたが、 からscreen and (min-width:1400px) and (min-height:900px)より小さいものに移動すると、両方の条件が一致しなくなりscreen and (min-width:1240px) and (min-height:800px)ます。誰にも解決策はありますか？

4

0 に答える 0