2015-04-06 61 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