Ändern Höhe des Elements beim Ändern der Fenstergröße

Question

Wie Sie auf dem Bild sehen können, habe ich ein Problem mit meinem Container in meiner Diashow. Die Lücke zwischen Inhalt und Diashow wird größer, je kleiner die Fenstergröße wird, was ich vermeiden möchte.

auf der Fensterbreite Ändern der Größe, ist der Inhalt des Behälters Höhe automatisch Pixel für Pixel ändern. So erhält die Website einen schönen Fluss und es gibt keinen großen Platz zwischen der Diashow und dem Inhalt auf verschiedenen Bildschirmgrößen.

Ich habe eine JSFiddle jetzt: https://jsfiddle.net/joggal/fk3v7aau/2/

Hoffen, dass es mein Problem zeigt: Der Behälter ist absolut positioniert, aber ich will es so die Lücke zwischen der Diashow und der Behälter mit den Zeilen ist nicht zu groß, um die Größe/klein. Ich möchte, dass der Container direkt unter dem Schieberegler liegt.

Ich versuchte es mit @media in der CSS zu beheben, aber das ist nicht die beste Lösung bei allen :(

Ich hoffe, dass Sie mir helfen können: D

Answer 1

1. Zuerst sollten Sie die Höhe der Schieber in Fenster resize-Funktion.

2. hängen sie ihn dann auf das Bild.

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