SVG标志显示比其他浏览器的10倍

Question

我使用SVG的标志，我的网站，如下图所示：

<img alt="" class="logo logo-dark" src="images/logo-dark.svg"> 

SVG文件包含有关大小的以下信息：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-274.1 380.7 46 41.9" width="40"> 

确定宽度。

即使它在所有浏览器中都正确显示，在Microsoft Edge中它显示的大10倍。

我错过了什么？

更新：的.logo有max-width:100%

Answer 1

而不是使用在SVG的宽度，在img标签像这样使用它：

<img alt="" class="logo logo-dark" src="images/logo-dark.svg" width="40"> 

您还可以设置两种高度和宽度上svg而不是只有宽度。