jquery - 如何根据容器尺寸设置宽度和高度？

Question

我已经构建了一个旋转木马，但我想让它响应，所以当我调整窗口大小时它应该自动调整大小。

我在设置尺寸时使用了以下代码行，但我想自己完成。

https://jsfiddle.net/6nhuk7vm/4/

var slideWidth = 1200;
var slideHeight = 300;
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
$('#slidesHolder').css('height', slideHeight);

Answer 1

这应该有帮助，在调整大小时触发一个函数来调整所有其他高度和宽度

$( window ).resize(function() {
    slideWidth = $(window).width();
    slideHeight = $(window).height();
    $('#slidesHolder').css('width', slideWidth * numberOfSlides);
    $('#slidesHolder').css('height', slideHeight);
    $('.img_tag').css('height', slideHeight);//change of height of image
    $('.img_tag').css('width', slideWidth);//change width of image
});

也添加这个样式

.slide{
   max-height:100%;
   max-width:100%;
}