javascript - windows mobile 上的媒体查询检测

Question

if (window.matchMedia("(min-width: 320px)").matches) {
    alert("width 320"); // works
}
if (window.matchMedia("(min-width: 768px)").matches) {
    alert("width 768");
}
if (window.matchMedia("(min-resolution: 2.4dppx)").matches) {
    alert("2.4dppx");
} 
if (window.matchMedia("(min-resolution: 217dpi)").matches) {
    dpi = 217;
} 
if (window.matchMedia("(min-resolution: 252dpi)").matches) {
    dpi = 252;
} 
if (window.matchMedia("(min-resolution: 331dpi)").matches) {
    dpi = 331;
} 
if (window.matchMedia("(min-resolution: 332dpi)").matches) {
    dpi = 332;
    }

我在 Lumia 920 上进行测试，只能width 320工作，没有其他，我想知道 DPI。尝试了一切，它只是最小分辨率不起作用。

Answer 1

我认为这是因为您只定义了 min-width 。如果您正在搜索 min-width:320px - 始终会满足此查询 - 即使您有更大的分辨率。尝试类似的东西

if (window.matchMedia("(min-width: 320px) and (max-width: 767)").matches) {
    alert("width 320"); // works
}//one px less then the query in next statement