放大IE11時，SVG元素邊框消失

Question

我使用的svg圖標在不同的瀏覽器上看起來不錯，但在IE11上，某些svg元素的邊框（例如rect或line）在某些縮放級別上不可見。 例如，在23px的寬度處，所有內容都是可見的，但是在24px處，某些邊框消失了。

這是正常圖像：

這被放大了一點：

另一個縮放級別：

Answer 1

為了在瀏覽器之間獲得更一致的縮放比例，請始終確保指定了viewBox但在svg元素上保留了width和height屬性。

來源： SVG的img元素比例未在ie9中得到尊重

一個shell命令，它將刪除當前目錄中所有SVG文件的width和height屬性：

find ./ -name '*.svg' -print0 | xargs -0 sed -i "" -e 's/width="[0-9]*\\.*\\[0-9]*" //' -e 's/height="[0-9]*\\.*\\[0-9]*" //'

來源： https : //gist.github.com/larrybotha/7881691