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

這從來沒有讓我失望過，當您減小/增大瀏覽器大小以幫助進行媒體查詢時，您可以逐像素查看。

希望有幫助...