linux窗口的自适应问题,利用$(window).resize()实现窗口大小自适应宽度问题

© 版权声明：本文为博主原创文章，转载请注明出处

问题描述：利用iframe做页面引入，用$(window).resize()作自适应；结果窗口变小时，利用$(window).width()获取到的宽度总是小于浏览器宽度，在左边留下17px宽度的白条。

代码如下：

// 自适应主页面大小

$(window).resize(function () {

initSize();

}

// 初始化主页面大小

function initSize() {

var screenHeight = $(window).height();// 窗口高度

var navHeight = $("#topNav").height();// 顶部导航栏高度

var contentHeight = screenHeight - navHeight;// 内容区域高度

var screenWidth = $(window).width();// 窗口宽度

$("#main-wrapper").width(screenWidth);// 设置内容区域宽度

$("#main-wrapper").css("margin-top", navHeight);// 设置内容区域margin-top

$("#main-wrapper").height(contentHeight);// 设置内容区域高度

}

问题分析：在页面大小发生变化时，如果高度减小时，此时会出现滚动条，$(window).width()获取的宽度为减去滚动条之后的宽