繁体   English   中英

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

[英]Make divs width and height equal to viewport with JavaScript

我有一个使用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。 怎么样?

谢谢。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM