我一直在寻找高低的答案.我已经阅读了这里的一些事情,没有人似乎有解决我想要做的事情.当窗口大小达到某一点时,我想要调整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
- }
- });
