为什么SVG（大小，位置）在不同浏览器中有所不同？

Question

当我在Chrome中显示SVG（由d3.js创建）时，它具有与Firefox或IE中不同的尺寸。

E.g。我们来看看这段代码： http://bl.ocks.org/mbostock/raw/3885304/

Firefox：g元素是923 x 473.1

Chrome：g元素是921 x 468.094

如何更改Javascript / CSS / HTML以使此图在Chrome，Firefox，IE中具有相同的位置？

Answer 1

我希望它与字体的差异以及它们的呈现方式有关。你只是指定“10px sans-serif”。即使两种浏览器都使用相同的字体，浏览器测量和呈现每段文本的差异也可能会产生一些差异像素，这一点并不令人难以置信。