Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript使div的宽度和高度等于视口_Javascript_Viewport - Fatal编程技术网

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

使用JavaScript使div的宽度和高度等于视口,javascript,viewport,Javascript,Viewport,我有一个单页网站,它使用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-

我有一个单页网站,它使用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。怎么做


谢谢。

在您的
之前尝试加载jquery。

然后把你写的脚本放在后面?

我认为这不是最好的主意,因为你应该始终坚持在html末尾加载js文件:)是的,你是对的。我记得我也有同样的问题。如果我正确理解了您的问题,那么问题是在执行脚本之前,使用
$(window.load()
)而不是
$(document.ready()