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/