jquery - jQuery，基于浏览器高度的最小高度

Question

我目前正在使用它来根据浏览器窗口的高度设置 div 的大小；

var height = $(window).height(); 
$(".single-block").height(height);

它将内联高度样式添加到.single-block与浏览器窗口高度匹配的 div 中。

但是我现在需要的是用内联最小高度样式替换内联高度样式，这样如果某个特定内容中有很多内容，.single-block它就不会溢出 div。

任何帮助将不胜感激。

Answer 1

使用 css()。

var height = $(window).height(); 
$(".single-block").css("min-height", height);

或者简单地说：

$(".single-block").css("min-height", $(window).height());

Answer 2

如果您不想使用 css()（因为您使用的是 jquery，我不明白您为什么不这样做！）您也可以使用 style-minHeight，即

$(".single-block").style.minHeight = height;

我自己会使用jquery，但只是认为如果有人偶然发现这个问题但由于某种原因没有使用jquery，它会显示一个替代方案。