Responsive Bild Eltern Breite nicht Größe ändern

Question

Ich habe eine Reihe von reagierenden Bildern auf 100% Höhe und automatische Breite in divs mit einer flexiblen Höhe eingewickelt. Das Problem ist, dass sich die Breite der Eltern-Divs bei der Browser-Größenanpassung nicht zuverlässig ändert und Lücken oder Überlappungen in Chrome und ie verbleiben.

<div><img></div> 
<div><img></div> 

div { 
    display: inline-block; 
    height: 30vh; 
    background-color: #f3f; 
} 
img { 
    height: 100%; 
    width: auto; 
} 

https://jsfiddle.net/kyucun6b/1/

Das ist für mein Portfolio ist, damit die Menschen werden auf jeden Fall den Browser werden Ändern der Größe, sonst hätte ich wahrscheinlich nicht darum kümmern. Vielen Dank.

Answer 1

Die Antwort am Ende war so einfach, ich kann nicht glauben, dass es so lange dauerte, um zu entdecken. Wenn Sie die Höhe zu den Bildern bewegen und ihnen eine Anzeige geben: Blockieren Sie es wie gewünscht und die Größe des Elternteils div.

div { 
    display: inline-block; 
    background-color: #f3f; 
} 
img { 
    height: 30vh; 
    display: block; 
    width: auto; 
} 

https://jsfiddle.net/kyucun6b/5/