使用JavaScript使div的宽度和高度等于视口

Question

我有一个单页网站，它使用jquery scrollLeft在水平对齐的div之间滚动，这些div将用作页面。

这些div应该是100％宽度和100％高度（等于当前视口）。

使用jquery我做对了：

$('.row').css('min-height', $(window).height());

$('.row').css('width', $(window).width());

$(window).resize(function() {

        $('.row').css('min-height', $(window).height());

        $('.row').css('width', $(window).width());

});

问题是在jquery.js完全加载并且文档准备就绪之前，这些div不会重新调整大小。

所以我认为最好的方法是使用原始JavaScript。怎么样？

感谢。

Answer 1

让您尝试在<div class="row">...</div>之前加载jquery 把你写的脚本放在它后面吗？