Jquery 需要随宽度更改自动调整div高度的大小

您好，我需要一个脚本来不断检查div大小，自动调整div高度，以在调整窗口大小时保持纵横比（3.2）

下面是我为jQuery想到的，但我不确定如何让它工作。 初始大小为640x200px

/* this is meant to use aspect ratio for slideshow height */
$('#myDiv').css({'height' : $('#slideshow').width()/3.2});

如果有人能给我一个JSFIDLE/Codepen示例，那就太好了

您可以使用：

jQuery（函数（）{
//绑定调整大小事件。当任何测试元素的大小更改时，更新其
//相应的信息部门。
jQuery（'#test'）.resize（函数（）{
//更新info div宽度和高度-将其替换为您自己的代码
//做一些有用的事情！
jQuery（“#log”）.append（'resize'）；
});
});
我的文字

您可以按照@girardengo的方式，或者浏览框架以进行响应性设计，如果这可以为您的应用程序带来价值的话

<script src="https://raw.githubusercontent.com/cowboy/jquery-resize/v1.1/jquery.ba-resize.js"></script>
jQuery(function(){
  // Bind the resize event. When any test element's size changes, update its
  // corresponding info div.
  jQuery('#test').resize(function(){


    // Update the info div width and height - replace this with your own code
    // to do something useful!
    jQuery('#log').append('resize ');
});


});

<div>
   <div id="test" style="width:100%;float:left;background-color:red;">my text</div>
</div>

<div id="log"></div>