IE正在集中我的svg

Question

任何想法爲什麼會發生這種情況？

如果將以下代碼粘貼到chrome中的新codepen.io中，它會顯示一個勾號，並且它位於左上角。

在頁面中間但是查看它在IE和其右

http://codepen.io/anon/pen/RaeYjd

<svg version="1.1" class="pull-left svg-header-tick" xmlns="http://www.w3.org/2000/svg" height="22px" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 92 72" enable-background="new 0 0 92 72" xml:space="preserve"><g><path class="svgcolor" d="M28.1,71.8L1.9,45.6c-2.3-2.3-2.3-6.1,0-8.5c2.3-2.3,6.1-2.3,8.5,0l17.8,17.8L81,2c2.3-2.3,6.1-2.3,8.5,0 
    c2.3,2.3,2.3,6.1,0,8.5L28.1,71.8z"></path></g> 
           </svg> 

Answer 1

在我的快速測試中，它似乎僅通過設置height IE（不是邊緣 - 它看起來罰款有）水平延伸整個svg元素。如果您添加width屬性，它會回到左上角。如果你在CSS中設置高度和寬度，它也可以工作。

From CSS Tricks:

許多瀏覽器，IE，Safari和Opera和Chrome的版本之前的2014年夏季，不會自動大小聯SVG釋放。如果您不指定高度和寬度，則這些瀏覽器將應用其通常的默認大小，如前所述，這對於不同的瀏覽器會有所不同。圖像將縮放以適應該高度或寬度，同樣在其周圍留下額外的空白。同樣，如果您將高度和寬度都保留爲auto，那麼會發生什麼不一致。