javascript显示不同的屏幕分辨率

Question

当我使用availHeight或height，建议here，我得到了不同于我的操作系统告诉我的分辨率。

我说1280高度，但在我的操作系统，我把1690.为什么？

我没有浏览器缩放。

有没有办法获得实际的分辨率？

Answer 1

我基本上写了自己的东西来解决这个问题（非常方便的响应网站）。我知道有插头存在，但Safari有点缺乏。

所以，我只能正常使用宽度知道何时添加媒体查询，但只是添加：

let viewportHeight = $(window).height(); 

以下几点：

$(window).resize(function(){ 
    let viewportWidth = $(window).width(); 
    let ems = viewportWidth/parseFloat($("body").css("font-size")); 
    $('#viewport').html(viewportWidth+" | "+ems); 

    $('#viewport-height').html(viewportHeight+" | "+ems); //add this for height 
}); 

然后一些简单的CSS观看尺寸你的窗口：

#viewport { 
background: #000; 
color: #000; 
top: 0; 
right: 10px; 
position: fixed; 
z-index: 100; 
} 

这从来没有让我失望，你可以看到像素的像素w如果您减少/增加浏览器大小以帮助进行媒体查询。

希望有帮助...