0

这是我的流体响应 DIV：

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

例如，当我调整窗口大小时，它在标准视图中的高度为 438px，例如 300px 等。一切正常，但我需要在这个 div中有width="something"

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

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

当我在高度内调整窗口变量的大小时，必须与宽度成比例地动态更改为 100% 我需要以px为单位的高度

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

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

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

4

2 回答 2

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);
于 2013-06-20T20:23:46.487 回答
0

您可以使用 max-height 属性。

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

试试下面的。

<div class="kamil_test" style="max-height: 438px;height: 100%;">
于 2013-06-20T19:59:37.397 回答