Đặt chiều cao DIV động dựa trên chiều cao khung nhìn

Question

Tôi đang cố đặt chiều cao của div thành 30% chiều cao của chế độ xem và tôi rất muốn chia tỷ lệ chiều cao của khung nhìn khi thay đổi.

Tôi đã cố gắng thiết lập chiều cao tối thiểu: 30%; chiều cao: 30% nhưng không hoạt động.

Tôi đã xem xét chiều cao của JQuery(); nhưng tôi không biết bắt đầu như thế nào.

Cảm ơn.

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); 
}); 

Answer 2

này về cơ bản là câu trả lời Liam Bailey, nhưng với một thirty_pc() mà nên cả hai nhanh hơn và chính xác hơn:

function thirty_pc() { 
    $("div").css('height', '' + Math.round(.3 * window.height())); 
} 

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

Nếu bạn thích nó, xin vui lòng vẫn chấp nhận Liam, nhưng tôi upvote. :)

Answer 3

window.onresize=function(){ 
    $("#selectedDiv").height(($(window).height()*.3)); 
} 

Answer 4

Cái này hoạt động 100% cho chiều cao khung nhìn của bất kỳ div, phần nào có lớp này sử dụng Jquery. Sử dụng chức năng bổ sung để điều chỉnh chiều cao đến 30% hiện tại là 100%, vui lòng thăng hạng nếu bạn thích.

function thirty_pc() { 
    $(".introduction").css({'height':($(window).height())+'px'}); 
} 

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