jquery和css的最小高度答案

【问题标题】：minimum height with jquery and cssjquery和css的最小高度
【发布时间】：2012-06-05 09:24:08
【问题描述】：

我正在使用以下函数根据窗口高度为 div 提供高度值。但对于非常小的屏幕，我想添加一个 400 像素的最小高度。

  $('.info').height(function(){
       return $(window).height() * 0.7;
    });

因此，对于小于 630 像素的窗口高度，请为 .info 类指定 400 像素的高度值。

任何帮助都会很棒。

编辑：

如果窗口小于 630px，则将此高度添加到其 css：

.info {height:400px;}

否则找到窗口高度的 * 0.7 并使用它。

【问题讨论】：

其实你想做什么？

标签： jquery css html height

【解决方案1】：

$('.info').css('min-height', function(){ $(window).height() * 0.7 });

试试这个，它会起作用的.....

【讨论】：

【解决方案2】：

试试这个，但你应该先检查窗口的高度，以确保它值得增加

var windowh=$(window).height()* 0.7;
$('.info').height(windowh);

【讨论】：

【解决方案3】：

$('.info').height(function(){
       if($(window).height() <= 630)
       {
           return ($(window).height() * 0.7) + 400;
       }

       return ($(window).height() * 0.7)

});

【讨论】：

【解决方案4】：

使用 Math.max 函数。

$('.info').height(function(){
  return Math.max($(window).height() * 0.7, 400)+'px';
});

【讨论】：