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的宽度，高度可以使用vh。