javascript - 无论缩放如何获取浏览器宽度

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。