爲什麼SVGs（大小，定位）在不同的瀏覽器中有所不同？

Question

當我顯示在瀏覽器的SVG（由d3.js創建的），它具有如在Firefox或IE不同的尺寸。

E.g.讓我們利用這個代碼： http://bl.ocks.org/mbostock/raw/3885304/

火狐：g組件是923 X 473.1

鉻：g組件是921 X 468.094

如何改變的JavaScript/CSS/HTML使這個圖在Chrome，Firefox，IE中具有相同的位置？

Answer 1

我希望它是在字體的差異，以及它們如何被渲染的事情。你只能指定「10px sans-serif」。即使兩個瀏覽器使用相同的字體，瀏覽器測量和渲染每段文本的差異也可能會導致幾個像素的變化，這並不令人難以置信。