文章/答案/技术大牛

发布

社区首页 >问答首页 >获取缩放的浏览器宽度调整

问获取缩放的浏览器宽度调整
EN

Stack Overflow用户

提问于 2015-12-01 04:24:53

回答 2查看 1.3K关注 0票数 2

我正在做一个全屏布局的网站。当我缩小时，我想保持布局不变，并缩小所有内容。

我需要我的页面容器的最大宽度是任何浏览器的宽度(没有缩放因素)

我以为这样做会很简单：

function zoomify(){

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

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

};

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

zoomify();

但是$( window ).width()似乎会根据缩放而改变。有没有办法在不考虑缩放的情况下获得用户浏览器窗口的宽度？

jquery

javascript

回答 2

Stack Overflow用户

发布于 2015-12-01 04:31:42

您可以使用：

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

这里vw是一个单位，意思是viewport的高度，对于高度，你可以使用vh。

票数 2

Stack Overflow用户

发布于 2015-12-01 06:52:21

弄清楚了

function zoomify(){

    var htmlDocWidth = window.outerWidth;

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

};

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

zoomify();

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34007351

复制

相似问题

问获取缩放的浏览器宽度调整
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取缩放的浏览器宽度调整EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取缩放的浏览器宽度调整
EN