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

我有一个页面的网站，使用jQuery的scrollLeft滚动水平对齐的divs将作为页面工作。使div的宽度和高度等于与JavaScript的视口

这些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()); 

});

的问题是，这些div不会被重新调整大小，直到jquery.js和全负荷并且文档已准备就绪。

所以我认为最好的方法是用原始JavaScript做到这一点。怎么样？

谢谢。

来源

2013-04-24 medk

有没有试过在你的<div class="row">...</div> 之前加载jquery，并把脚本写在它后面？

来源

2013-04-24 10:54:17 TKrugg

我认为这不是最好的想法，因为你应该始终坚持加载你的HTML文件末尾的js文件:) – medk 2013-04-24 11:08:26

是的，你是对的。我记得我在[本网站]上有同样的问题（http://ymammar.com/?q=about）。如果我正确地理解了你的问题，那么在执行脚本之前，使用'$（window）.load（）'而不是'$（document）.ready来加载所有的源代码（不仅仅是html文件）（）' – TKrugg 2013-04-24 12:55:29

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

回答

相关问题