Html 这个SVG文件有什么问题？

有人能告诉我如何修复

：：before

元素的边距吗？任何

边距：-2px

无效，任何填充物。。。当我调整页面大小时，页边距仍然可见，一次在img顶部，一次在侧面。。。SVG文件的侧面没有这条蓝线

.container{
背景色：#f7f7f7；
高度：1000px；
填充：20px；
}
.媒体{
位置：相对位置；
最大高度：408px；
高度：155px；
宽度：200px；
保证金：0自动；
}
.媒体img{
最大宽度：100%；
身高：100%；
对象匹配：覆盖；
}
.媒体：：之前{
内容：“；
背景图片：url(https://svgshare.com/i/HRx.svg);
位置：绝对位置；
背景位置：中心；
排名：0；
左：0；
右：0；
底部：0；
z指数：10；
背景尺寸：封面；
背景重复：无重复；
}

---

调整视图框的大小，使其略小于灰色正方形。目前，舍入和像素对齐，加上抗锯齿渗透，意味着下面的蓝色JPEG在边缘上略微可见。通过缩小viewBox，我们有效地将灰色正方形放大了一小部分，从而隐藏了出血

设置'viewBox=“1 1 510 511”（将viewBox每侧缩小1个单位）

（可选）删除

width=“512”height=“513”

属性

结果:

.container{
背景色：#f7f7f7；
高度：1000px；
填充：20px；
}
.媒体{
位置：相对位置；
最大高度：408px；
高度：155px；
宽度：200px；
保证金：0自动；
}
.媒体img{
最大宽度：100%；
身高：100%；
对象匹配：覆盖；
}
.媒体：：之前{
内容：“；
背景图片：url(https://svgshare.com/i/HPM.svg);
位置：绝对位置；
背景位置：中心；
排名：0；
左：0；
右：0；
底部：0；
z指数：10；
背景尺寸：封面；
背景重复：无重复；
}

---

调整视图框的大小，使其略小于灰色正方形。目前，舍入和像素对齐，加上抗锯齿渗透，意味着下面的蓝色JPEG在边缘上略微可见。通过缩小viewBox，我们有效地将灰色正方形放大了一小部分，从而隐藏了出血

设置'viewBox=“1 1 510 511”（将viewBox每侧缩小1个单位）

（可选）删除

width=“512”height=“513”

属性

结果:

.container{
背景色：#f7f7f7；
高度：1000px；
填充：20px；
}
.媒体{
位置：相对位置；
最大高度：408px；
高度：155px；
宽度：200px；
保证金：0自动；
}
.媒体img{
最大宽度：100%；
身高：100%；
对象匹配：覆盖；
}
.媒体：：之前{
内容：“；
背景图片：url(https://svgshare.com/i/HPM.svg);
位置：绝对位置；
背景位置：中心；
排名：0；
左：0；
右：0；
底部：0；
z指数：10；
背景尺寸：封面；
背景重复：无重复；
}

我不知道您为什么要使用该背景图像，但您可以轻松创建一个div，并将其设置为与边相同的颜色（速度快得多）。至于为什么会有边，可能是您的viewbox和宽度比高度小1倍。您可以尝试将它们更改为具有相同的值。我做了一个div背景的代码笔，你有这个颜色哦，好的。在我看来，您应该将SVG视口更改为`viewbox=“0 0 512 512”，并从中删除高度和宽度，您应该很好。它与我一起工作itst，因为您的SVG文件中有宽度和高度属性。我建议您优化每个SVG文件，并检查SVG文件的我的版本。这是SVG嘿，对不起，我正在工作，由于您的容器背景颜色，侧面有边距，您可以做的是将img宽度和高度更改为99%，我不知道您为什么要使用该背景图像，但您可以轻松创建一个div并将其设置为相同的颜色（更快）至于为什么会有边，可能是您的viewbox和宽度比高度小1倍，您可以尝试将它们更改为具有相同的值。我做了一个div背景的代码笔，你有这个颜色哦，好的。在我看来，您应该将SVG视口更改为`viewbox=“0 0 512 512”，并从中删除高度和宽度，您应该很好。它与我一起工作itst，因为您的SVG文件中有宽度和高度属性。我建议您优化每个SVG文件，并检查SVG文件的我的版本。这是SVG嘿，对不起，我正在工作，由于您的容器背景颜色，侧面有边距，您可以将img宽度和高度更改为99%