调整浏览器大小时，SVG 顶部有白色 space
SVG has white space on top when resizing the browser
当我调整浏览器大小时，一条细白线出现在 SVG 的顶部。如果我再次调整页面大小，它就会消失。在某些页面宽度下，它会重新出现并消失。当我单独打开 SVG 文件时，我没有看到任何类似的伪影。当我将 SVG 背景设置为像 background: red 这样疯狂的东西时，我可以看到白线在 SVG 内部，因为它变成了红色，而不是相邻 div 创建的某种边框或人工制品。关于为什么会这样的任何想法？到目前为止，我只能在 Chrome 和 Microsoft Edge 中重现它。在 FF 和 Safari 中看起来不错。
这是 SVG 所在的页面：https://striveworks.us/careers
这里有一个例子：
你的问题是这样的，如果你通过 inspect-elements 禁用背景，线条会消失，但底部会颜色错误。
svg.careers__AnimatedCurveSVG-sc-1587ytp-2 hwGnAC.hwGnAC {
background: rgb(244, 242, 246);
}
当我调整浏览器大小时，一条细白线出现在 SVG 的顶部。如果我再次调整页面大小，它就会消失。在某些页面宽度下，它会重新出现并消失。当我单独打开 SVG 文件时，我没有看到任何类似的伪影。当我将 SVG 背景设置为像 background: red 这样疯狂的东西时，我可以看到白线在 SVG 内部，因为它变成了红色，而不是相邻 div 创建的某种边框或人工制品。关于为什么会这样的任何想法？到目前为止，我只能在 Chrome 和 Microsoft Edge 中重现它。在 FF 和 Safari 中看起来不错。
这是 SVG 所在的页面：https://striveworks.us/careers
这里有一个例子：
你的问题是这样的，如果你通过 inspect-elements 禁用背景，线条会消失，但底部会颜色错误。
svg.careers__AnimatedCurveSVG-sc-1587ytp-2 hwGnAC.hwGnAC {
background: rgb(244, 242, 246);
}