javascript显示不同的屏幕分辨率

Question

当我按照这里的建议使用availHeight oder height ，得到的分辨率与操作系统告诉我的分辨率不同。

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

这从来没有让我失望过，当您减小/增大浏览器大小以帮助进行媒体查询时，您可以逐像素查看。

希望有帮助...