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

您可以按照@girardengo的方式，或者通过bootsrap框架来进行响应式设计，如果这可以为您的应用带来价值

Answer 2

您可以使用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>

需要为div高度自动调整大小并更改宽度

2 个答案: