javascript - 使用 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

您是否尝试过在您之前加载 jquery<div class="row">...</div> 并将您编写的脚本放在它之后？