使用JavaScript使div的寬度和高度等於視口

Question

我有一個使用jquery scrollLeft來在用作頁面的水平對齊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，並將您編寫的腳本放在它之后？