Javascript windowsmobile上的媒体查询检测

Javascript windowsmobile上的媒体查询检测,javascript,html,css,windows,nokia,Javascript,Html,Css,Windows,Nokia,我在Lumia 920上测试,只有宽度320起作用,没有其他的,我想知道DPI。尝试了所有方法,但最小分辨率不起作用。我认为这是因为您只定义了最小宽度。 如果您正在搜索最小宽度:320px-此查询始终满足-即使您的分辨率更高。 试试像这样的东西 if (window.matchMedia("(min-width: 320px)").matches) { alert("width 320"); // works } if (window.matchMedia("(min-width: 76

我在Lumia 920上测试,只有宽度320起作用,没有其他的,我想知道DPI。尝试了所有方法,但最小分辨率不起作用。

我认为这是因为您只定义了最小宽度。 如果您正在搜索最小宽度:320px-此查询始终满足-即使您的分辨率更高。 试试像这样的东西

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;
    }

根据您的要求,所有查询都应该匹配。准确地说,但它们不是:(
if (window.matchMedia("(min-width: 320px) and (max-width: 767)").matches) {
    alert("width 320"); // works
}//one px less then the query in next statement