ウィンドウのサイズ変更中に要素の高さを変更する

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