在调整窗口大小时更改元素的高度

Question

正如您在图片中看到的，我在幻灯片中遇到了容器问题。内容和幻灯片放映之间的差距越大，窗口大小越小，这是我想要避免的。

在调整大小的窗口宽度，所述内容容器应像素自动地改变高度像素。所以它给了网站一个很好的流程，幻灯片和不同屏幕尺寸的内容之间没有太大的距离。

我现在做了一个的jsfiddle：https://jsfiddle.net/joggal/fk3v7aau/2/

希望它表明我的问题：容器是绝对的位置，但我希望它来调整在幻灯片播放和容器与行之间的差距不是太大/小。我希望容器直接位于滑块下方。

我试图与在CSS @media修复它，但是这是不是在所有:(

最好的解决方案，我希望你能帮助我：d

Answer 1

1. 首先得到的高度滑块在窗口调整大小功能。

2. 然后将其附加到图像。

   $(window).resize(function() { var SliderHeight = $('.slide').height(); $(".img").css('height',SliderHeight); });