JQuery жидкость ДИВ динамическая высота

Question

Это моя FLUID resposnive ДИВ:

<div class="kamil_test"></div> 

и его, например, 438px по высоте в стандартном виде, когда я изменить размер окна его, например, 300px и т.д. все отлично работает, но мне нужно иметь ширина = «что-то» в этом Div

поэтому мой ДИВ в начале должен выглядеть, что

<div class="kamil_test" style="height: 438px;"> 

и когда я изменить размер Wi ndow вар внутри высоты должны динамически изменения proportionaly к ширине, которая составляет 100%, мне нужно иметь высоту в пикс

, когда я типа JQuery сценарий, как это его генерировать только ширина после полной визуализации но не обновить его.

$(".kamil_test").css("height", "+=0"); 

Как сделать его обновляемым при изменении размера страницы ???

Answer 1

Создайте функцию для настройки размера div и вызовите при изменении размера окна.

Ex.

function adjust(){ 
    var maxW=window.innerWidth, 
    afterHeight = //your operation to obtain height, 
    afterWidth = //your operation to obtain width 
    $(".kamil_test").css({height:afterHeight,width:afterWidth}); 
} 

$(document).ready(adjust); 
$(window).resize(adjust); 

Answer 2

Вы можете использовать свойство max-height.

max-height/max-width ограничивает высоту/ширину div максимальным значением. Если вы укажете фактическую высоту/ширину относительно родительского элемента/Размер окна, то он будет соответствующим образом изменен.

Попробуйте нижеследующее.

<div class="kamil_test" style="max-height: 438px;height: 100%;">