jQuery fluid div动态高度

时间:2013-06-20 19:52:02

标签: javascript jquery resize height fluid

这是我的FLUID resposnive DIV:

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

和它的标准视图中的438px高度,当我调整窗口大小时,例如300px等等。一切都很完美,但我需要在此div中 width =“something”

所以我开始的div必须看起来像那样

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

当我调整窗口var内部高度时必须动态地改变比例宽度为100%我需要高度 px

当我输入像这样的jquery脚本时,它只在完全渲染后生成宽度,但不要刷新它。

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

如何在调整页面大小时使其可刷新???

2 个答案:

答案 0 :(得分:2)

创建一个调整div大小的函数,并在调整窗口大小时调用。

实施例

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

答案 1 :(得分:0)

您可以使用max-height属性。

max-height / max-width会将div的高度/宽度限制为指定值的max。如果您指定相对于父元素/窗口大小的实际高度/宽度,则它将相应地重新调整大小。

尝试以下内容。

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