我一直在寻找高低的答案.我已经阅读了这里的一些事情,没有人似乎有解决我想要做的事情.当窗口大小达到某一点时,我想要调整div的最大高度.主菜单位于页面底部,内容从菜单中向上滑动.
我的例子：
<div class="content">
//some content pics/text etc.
</div>
CSS：
.content { width: 550px; overflow: auto; }`
现在显然我可以在css中设置最大高度,但是我不需要它,直到屏幕尺寸达到800px高.让我知道,如果我在这里遗漏一些简单的东西.
我可以使用jQuery或css规则.
解决方法
$(window).on('resize',function(){
if($(this).height() <= 800){
$('.content').css('max-height','800px'); //set max height
}else{
$('.content').css('max-height',''); //delete attribute
}
});
