獲取瀏覽器寬度無標記縮放

Question

我正在開發具有全屏佈局的網站。當我縮小時，我想保持佈局相同並縮小所有內容。

我需要我的頁容器的最大寬度是什麼瀏覽器的寬度（不包括變焦考慮進來）

我認爲這本來是很容易有這樣的：

function zoomify(){ 

    var htmlDocWidth = $(window).width(); 

    $('.page-wrap').css('max-width',htmlDocWidth); 

}; 

$(window).resize(function(){ 
    zoomify(); 
}); 

zoomify(); 

但$ （window）.width（）似乎基於縮放而改變。有沒有一種方法來獲取用戶瀏覽器窗口的寬度沒有縮放比例？

Answer 1

您可以使用：

$('.page-wrap').css('max-width','100vw'); 

這裏vw是指viewport的width單位，爲高度可以使用vh。

Answer 2

想通了

function zoomify(){ 

    var htmlDocWidth = window.outerWidth; 

    $('.page-wrap').css('max-width',htmlDocWidth); 

}; 

$(window).resize(function(){ 
    zoomify(); 
}); 

zoomify();