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的流體格動力高度

回答

相關問題