如何在調整窗口大小時調整div的最大高度？

我一直在尋找答案。我已經閱讀了這裏的一些內容，似乎沒有人能夠解決我想要做的事情。當窗口大小達到特定點時，我想調整div的最大高度。主菜單位於頁面底部，內容從菜單向上滑動。的我有什麼如何在調整窗口大小時調整div的最大高度？

例子：

<div class="content"> 
    //some content pics/text etc. 
</div>

CSS：

.content { width: 550px; overflow: auto; }`

現在很明顯，我目前可以設置在CSS的最大高度，但我並不需要它才能生效，直到屏幕尺寸達到800px的高度。如果我在這裏錯過簡單的東西，請告訴我。

我打算使用jQuery或css規則。

來源

2012-08-16 Anthony Russo

當屏幕達到800像素或更低你想設置一個'MAX-height'風格，否則你不希望它有一個所以基本上'MAX-height'？ – 2012-08-16 05:36:04

是的，這是正確的。 – 2012-08-16 05:36:49

$(window).on('resize', function(){ 
    if($(this).height() <= 800){ 
     $('.content').css('max-height', '800px'); //set max height 
    }else{ 
     $('.content').css('max-height', ''); //delete attribute 
    } 
});

來源

2012-08-16 05:39:25

哦，我非常感謝你，這正是我所需要的！ – 2012-08-16 05:40:55

不客氣！ – 2012-08-16 05:41:39

嘿，如果你仍然在看這個，我可以問一個關於jQuery和max-height不能正常工作的簡單問題 – 2012-08-16 05:47:05

我有一個例子：http://jsfiddle.net/sechou/WwpuJ/

$(window).resize(function() { 
    if($(window).height() <= 800){ 
     $('div.content').css('max-height', 800); 
    }else{ 
     $('div.content').css('max-height', ''); 
    } 
});

來源

2012-08-16 05:37:09

這是一個很好的例子。如果它會重新調整到原來的大小，我會把這個我接受的答案作出來。 +1 tho – 2012-08-16 05:42:06

如何在調整窗口大小時調整div的最大高度？

回答

相關問題