宽度和高度等于1px的svg路径位置错误

Question

实时示例：https://codepen.io/Ni55aN/pen/jJGVYe

var queryString = {}

相等的路径放置在不同的SVG中。 SVG放置在绝对位置的容器中。路径应该在视觉上匹配，但是在SVG中，高度和宽度为1像素时存在问题-路径已移动（可能缩放）。

为什么会这样？这是错误吗？以及如何解决这个问题，以使SVG本身不占据任何区域

Answer 1

我不完全理解为什么，但是您可以通过将显示属性添加为flex，block或grid来解决它：

svg { 
   display: flex;
}

我已经分叉了您的代码文件here