全角SVG，Safari中的舍入错误

Question

在下图中，请注意粉红色SVG的左侧和右侧为黑色边框：

演示：https://codepen.io/mhulse/pen/PoZGEqJ

在Safari中，当以某些视口尺寸查看时会发生这种情况（只需调整浏览器窗口的大小即可查看。）>

我不要黑色边框。

我能想到的解决方案是在父容器中添加插入框阴影，即白色背景的颜色（实质上是将其遮盖）。

我无法接受的解决方案：

• 负1px左边/右边距。溢出是不可接受的，因为它会引起水平滚动（现实情况是用例接触到浏览器视口的边缘）。
• 父中隐藏了溢出（现实世界中的用例可能要求子绝对位于容器的外部）。

是否有可能在Safari中强制SVG始终接触容器的边缘并且没有黑间隙？

在下图中，请注意粉红色SVG的左侧和右侧是黑色边框：演示：https://codepen.io/mhulse/pen/PoZGEqJ在Safari中，当以某些视口大小查看时，会发生这种情况（只是...

Answer 1

代替CSS背景，您可以在