Jquery 调整大小时窗口的100%高度-Javascript

我有以下内容来获得窗口div（.home bg）的100%高度和宽度

调整大小无效：

// HOME-BG HEIGHT 100%

// global vars
var winWidth = $(window).width();
var winHeight = $(window).height();

// set initial div height / width
$('.home-bg').css({
    'width': winWidth,
    'height': winHeight,
});
});

// make sure div stays full width/height on resize
$(window).resize(function(){
    $('.home-bg').css({
        'width': winWidth,
        'height': winHeight,
    });
});

---

当我拿走最后一个

}）它可以工作，但我当然会出错
 调整大小时需要重新计算大小


var$window=$（window）；
函数fullSize（）{
$（'.home bg'）.css({
宽度：$window.width（），
高度：$window.height（）
}).html（$window.width（）+'x'+$window.height（））；
}
全尺寸（）；
$window.resize（全尺寸）
.home bg{
背景色：海军蓝；
颜色：白色；
}

您为什么要这样做？不能使用
高度：100%；宽度：100%在div上？除此之外，您还有一个额外的
}
集，这将导致问题，而且两个CSS对象在最后一个属性上都有尾随逗号。在.CSS函数中有太多的结束括号，您可以在其中设置初始div height/width@RoryMcCrossan，我认为在最后一个属性上拖尾逗号只会在internet explorer上抛出错误。但它们永远不应该被使用。你需要在调整大小时重新计算大小
$（'.home bg'）.css（{'width'：$（window）.width（）…
。但无论如何，为什么不使用css呢？我最初尝试了css解决方案，但在iOS7上的Safari（在iOS8中修复）中遇到了一个奇怪的错误，它创建了一个长视口