Stellen Sie die Bildhöhe entsprechend der Höhe des Inhalts ein

Question

Ich habe die unten stehende jQuery codiert, um die volle ansprechende Höhe meiner Bilder zu erreichen, die sich entsprechend der Inhaltshöhe daneben anpasst. Bitte werfen Sie einen Blick auf meinen Code CodePen. Mein Problem ist, dass die Bilder ihre Höhe nicht dynamisch anpassen, wenn ich meine Bildschirmbreite verändere. Wie kann ich eine voll dynamische Lösung davon erreichen? Bitte hilf mir wenn möglich.

Answer 1

Für reaktionsfähige Höhe css-Eigenschaft als Höhe: 100% und für reaktionsfähige Breite setzen margin: auto. Also unter css Klasse wird den Trick für Sie tun.

.responsive-image { 
height:100%; 
margin:auto; 
}