SVG定位：在我的网站上，相对独立的IE？

如果这个问题以前被问过很多次，我表示歉意，但在过去的几个小时里，我一直没有找到一个明确或简单的答案

我运行了一个临床考试网站，最近我为其创建了一个小型SVG徽标，如导航栏中所示：

我的html文档中的代码如下所示。此SVG仅由锚定标记包装：

<a href="https://www.SimpleOSCE.com"><svg class="theLogo" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.38 25"><defs><style>.cls-1{fill:#009955;}</style></defs><title>Untitled-5</title><path class="cls-1" d="M22.32,7.43a2.49,2.49,0,0,0-1.26-2.15L12.36.33a2.49,2.49,0,0,0-2.49,0L1.23,5.4A2.49,2.49,0,0,0,0,7.57l.06,10a2.49,2.49,0,0,0,1.26,2.15L10,24.67a2.49,2.49,0,0,0,2.49,0l8.63-5.06a2.49,2.49,0,0,0,1.23-2.17Zm-3.69,5.7A1.85,1.85,0,0,1,16.78,15H13.67v3.11a1.85,1.85,0,0,1-1.85,1.85H10.56a1.85,1.85,0,0,1-1.85-1.85V15H5.6a1.85,1.85,0,0,1-1.85-1.85V11.87A1.85,1.85,0,0,1,5.6,10H8.71V6.91a1.85,1.85,0,0,1,1.85-1.85h1.26a1.85,1.85,0,0,1,1.85,1.85V10h3.11a1.85,1.85,0,0,1,1.85,1.85Z" transform="translate(0)"/></svg></a>

在chrome、firefox和edge上显示良好。在IE中看起来真的不对。 有没有办法让这一切按预期进行

---

非常感谢。

如果您没有将属性

preserveSpectratio

添加到svg文件中，则默认情况下

preserveSpectratio=“xMidYMid meet”

<>这是IE11标志发生在块的中间，打破布局

的可能原因之一。 IE11

尝试添加

preserveAspectRatio=“xMinYMin meet”

和viewport-

width=“22.38”height=“25”

.theLogo{高度：24px；位置：相对；边距：12px 0px 0px-5px；}
.nav品牌{浮动：左；边距：0；}
.nav品牌a{显示：块；填充：10px 10px 10px 20px；颜色：黑色；字体系列：Helvetica Neue'，Helvetica，Arial，无衬线；字体大小：22px；字体重量：正常；线条高度：29px；文本装饰：无；}

---

可能相关：非常感谢，这非常有效，在IE上的表现如预期。非常感谢您抽出时间！！

.theLogo{height:24px; position:relative; margin: 12px 0px 0px -5px;}