我的SVG图像是像素完美的，除FireFox之外，所有浏览器都将其渲染为OK。
示例1（引导程序标记）：
https://codepen.io/anon/pen/gdVxJo
Bootstrap列中只有两个矩形。所有矩形均具有像素对齐的边框，边框宽度为2px，但FireFox添加了抗锯齿功能。
我猜这取决于区域高度，但不知道为什么。有一个示例，其中一个矩形没有任何CSS。
示例2（纯HTML）：
https://codepen.io/anon/pen/OoKxEd
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="396" height="100">
<rect x="0" y="0" width="396" height="100" fill="none" stroke="#000" stroke-width="2"></rect>
</svg>
</body>
您可能需要在CodePen上更改渲染区域的高度才能重现该错误。
有人知道有可能强迫FireFox正确绘制线条吗？