SVG Höhe nicht mit Seitenverhältnis anpassen

Question

Verwendet ein Svg-Bild im Div mit der Breite 50px, aber in IE11, kommt SVG Höhe als 150px. Es sollte 50px X 50px gewesen sein. Breite 50px wird korrekt angewendet, nicht die Höhe. Jeder Vorschlag,

.svg-cont{ 
 
    width:50px 
 
} 
 
img{ 
 
    max-width:100%; 
 
    height:auto; 
 
}

<div class="svg-cont"> 
 
    <img src="http://imgh.us/google-plus-hvr.svg" alt="" /> 
 
</div>

Vielen Dank im Voraus für jede Hilfe. Codepen: http://codepen.io/shmdhussain/pen/YZmrOq

Answer 1

Danke Problem ist nach dem Einstellen der Breite: 100% auf das Bild-Tag gelöst. Problem behoben Stift codepen: http://codepen.io/shmdhussain/pen/XMvzWv

.svg-cont{ 
 
    width:50px 
 
} 
 
img{ 
 
    max-width:100%; 
 
    width:100%; 
 
    height:auto; 
 
}

<div class="svg-cont"> 
 
    <img src="http://imgh.us/google-plus-hvr.svg" alt="" /> 
 
</div>

Referenz: https://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/