JavaScript基于浏览器高度调整元素大小

Question

我想根据窗口的高度使用Javascript/jQuery来调整网站的大小。

我的代码如下：

jQuery.event.add(window, "load", resizeFrame); 
jQuery.event.add(window, "resize", resizeFrame); 

function resizeFrame() 
{ 
var h = $(window).height(); 
$(".main-wrapper").css('height', (h) ? h - 100); 
} 

我在做什么错？它似乎没有调整由main-wrapper控制的部分的大小。

Answer 1

您在条件语句(h) ? h - 100中有错误。如果(h)的计算结果为false，则必须提供一个值。正确的语法是（条件实验值_真正：实验值_假）

$(".main-wrapper").css('height', h ? h - 100 : default_value);