Question

这是我的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");

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

Answer 1

创建一个调整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);

Answer 2

您可以使用max-height属性。

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

尝试以下内容。

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

jQuery fluid div动态高度

2 个答案: