jQuery的流体格动力高度

这是我FLUID resposnive DIV：jQuery的流体格动力高度

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

，并在标准视图中的例如438px高度时，我调整窗口，其例如300像素等一切都运行完美，但我需要有WIDTH = “东西”在这个div

所以我在begining DIV必须看起来像

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

，当我调整无线ndow内部高度必须动态地改变比例为100％我需要有高度的宽度px

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

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

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

来源

2013-06-20 Ponciusz

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

来源

2013-06-20 20:23:46

您可以使用max-height属性。

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

请尝试以下操作。

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

来源

2013-06-20 19:59:37

jQuery的流体格动力高度

回答

相关问题