javascript - 相对于高度设置div的宽度

我有一个div #slideshow，图像的宽高比为2:1。因此，设置图像高度我正在使用jQuery:

slideWidth();

function slideWidth(){
var width = $("#slideshow").css("width");
var height = (parseInt(width.substr(0,width.length-2)) /3);
$("#slideshow").css("height",height+"px");
}

并且，为了使宽度动态变化，我使用setTimeout:

setInterval(slideWidth,1000);

这实际上是我想要的。但是我认为我每秒钟刷新一次slidewidth函数会对网站产生重大影响。

通过CSS3是否可以实现？还是使用jQuery / JS对网站的影响较小？

谢谢。随时以新的方式/想法发表评论。

最佳答案

您应该使用jquery .resize();这将添加一个事件侦听器，以等待容器调整大小。
Ej:

$(window).resize(function(){
  //do your logic here
});

Jquery resize

关于javascript - 相对于高度设置div的宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25876701/