jQuery的約束div來最大窗口高度

我使用此代碼來實現與瀏覽器（窗口）的高度一個divjQuery的約束div來最大窗口高度

$(document).ready(function(){ 

    $('#div') .css({'height': (($(window).height()))+'px'}); 

});

但如果我想在div限制其高度，以用戶的最大窗口高度（最高到他們的設備限制）？由於上述代碼僅確定當前窗口高度，因此一旦用戶調整窗口大小或不用最大窗口大小打開它，它就會發生變化並失敗。

來源

2014-03-06 CwKin7

如何使用CSS媒體查詢？看起來像你在找什麼 –

[Make div 100％height of browser window]（http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window） – rpax

...格限制其高度，以用戶最大窗口高度（最大到他們的設備限制）

一次不是最大窗口大小打開它的用戶調整窗口或 ，它變了，失敗了。

聽起來你正在尋找

screen.height

這將使你的屏幕的高度，而不是窗戶。

來源

2014-03-06 15:38:02 adeneo

please ，詳細downvote ... –

@ A.沃爾夫是最認真的，在我的答案和他的回答後，我不知道OP的想要什麼....我不是downvoter艱難 –

@卡爾安德烈Gagnon我明白作爲adeneo的問題，這就是爲什麼我問...;） –

試試這個：

$(document).ready(function(){ 
    $(window).resize(function(){ 
     $('#div') .css({'height': (($(window).height()))+'px'}); 
    }).trigger('resize') 
});

就這樣，你要綁定一個事件的時候，屏幕大小調整。它將重新計算窗口高度。

.trigger()部分是爲了確保它在DOM準備就緒時發生（它觸發事件調整大小）。

來源

2014-03-06 15:38:07

但重點不在於調整大小，它需要用戶最大窗口（屏幕）高度進行約束。即使用戶調整了大小，div高度仍然保持這個價值。 – CwKin7

好吧，Adeneo是你想要的東西，但它是*不可能*做你想做的事情，因爲你無法獲得滾動條，工具欄以及屏幕大小和窗口大小之間的所有內容。 –

jQuery的約束div來最大窗口高度

回答

相關問題