需要自動調整div寬度，改變寬度

Question

嗨，我需要一個腳本來不斷檢查div大小，自動調整div高度以調整窗口大小時的高寬比（3.2）。

這是我爲jQuery提出的，但我不知道如何讓它工作。 初始尺寸爲640x200px。

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

如果有人能給我一個JSfiddle/Codepen的例子，那會很棒！

Answer 1

您可以使用jquery plugin resize：

<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> 

Answer 2

你可以按照@girardengo的方式，或者esplore的bootsrap框架做出響應式設計，如果能夠在您的應用程序帶來的價值