2015-04-06 74 views
-1

我正在使用網格佈局設計。但我不知道如何調整div寬度與寬度成正比。我需要在響應中調整div高度。讓我知道,如果請有任何腳本..我需要腳本來調整與div寬度成正比的div高度

+0

通常情況下,%用於響應設計。 'width:80%;'和'height:80%'會隨着窗口大小的變化而縮放組件。 – Mohammad 2015-04-06 09:17:24

+0

我知道,不是單個div。我在主頁有多個div,我需要在網格視圖中顯示爲響應。所以讓我知道是否有任何腳本。我需要根據div寬度調整網格視圖中的所有div。 – Selvakumar 2015-04-06 09:36:15

回答

1

例如,只需添加resize事件偵聽器,並設置高度元素:

var RATIO = 0.7; 

$(window).on("resize", function() { 
    $("#mydiv").height($("#mydiv").width() * RATIO); 
}); 

https://jsfiddle.net/teu7vere/

+0

好吧,我會檢查這個腳本。 – Selvakumar 2015-04-06 12:48:51

+0

謝謝!這個對我有用 – Selvakumar 2015-04-09 11:28:53