在調整窗口大小時更改元素的高度

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); });