SVG高度未调整纵横比

Question

在宽度为50px的div中使用了一个svg图像，但在IE11中，SVG高度为150px。它应该是50px X 50px。宽度50px正确应用不是高度。任何建议，

.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>

预先感谢任何帮助。 codepen：http://codepen.io/shmdhussain/pen/YZmrOq

Answer 1

谢谢问题设置宽度后：100％图像标记解决。问题解决了笔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>

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