jquery - jquery和css的最小高度

Question

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

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

所以对于小于 630px 的窗口高度，给.info类一个 400px 的高度值。

任何帮助都会很棒。

编辑：

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

.info {height:400px;}

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

Answer 1

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

试试这个它会工作......

Answer 2

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

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

Answer 3

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

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

});

Answer 4

使用 Math.max 函数。

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