使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的視口

回答

相關問題