jquery - 根据视口(viewport)高度动态设置DIV高度

Question

我正在尝试将 div 的高度设置为视口(viewport)高度的 30%，并且我非常希望在视口(viewport)高度发生变化时对其进行缩放。

我尝试设置 min-height: 30%; height:30% 但它不起作用。

我看了一下JQuery的height()；但我就是不知道如何开始。

谢谢。

Answer 1

function thirty_pc() {
    var height = $(window).height();
    var thirtypc = (30 * height) / 100;
    thirtypc = parseInt(thirtypc) + 'px';
    $("div").css('height',thirtypc);
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});