我的 SVG 一直渲染 'smaller' 比他们应该的
My SVG's are consistently rendering 'smaller' than they should be
我不太确定这里发生了什么。我正在从 Illustrator 画板中导出 SVG。在看板中，它们的大小完全相同（这是一个图标集）。
然而，当我将它们设置为背景图像时，有些图像始终不会 "fill up" space 它们被设置为占用 height/width 参数。
Here's 一个 jsFiddle 来说明我的意思。这些都是从 Illustrator 以完全相同的方式导出的。如果您检查较小的那个，它实际上占据了 space，就好像有一个内部填充一样。因此，即使它在 CSS 中使用 width/height: 110px; 使它变大两倍，它也变得很难定位，因为它会将其他元素推开。
这套图标我一共使用了6个，其中4个是一模一样的。虽然有 4 个像这样更小，但我不确定为什么会这样。
首先要感谢 ccprog，因为它注意到我的 SVG 文件中嵌入了前列腺按摩器的 PNG。绝对违背了我使用 SVG 的目的。把它拿出来，虽然文件大小下降了 2mb，但我仍然面临原来的问题。
如果有人对这里发生的事情有任何见解，那将是非常棒的，但希望这能帮助其他人 运行 了解这一点。
当我注意到这个时我正在使用 Shopify 但这似乎也影响了我的 jsFiddle 所以我不认为它特定于某些服务（虽然我知道 Shopify 在 bg 中做了很多关于压缩的东西，等）我已经尝试了在 Illustrator 中可以使用的所有导出选项。 this 回答中有人提出了一些关于正常保存而不是导出的建议，并允许 Illustrator 自动附加 -01 后缀。
我这样做了，突然之间就奏效了。我试了一下，把文件名中的 -01 去掉了，结果和以前一样遇到了同样的问题。所以接下来我直接从 Illustrator 中保存并确保没有“-01”。同样，问题仍然存在。我刚刚重命名了文件，将 -01 放在那里。没问题。
我不知道这是为什么，但在文件名末尾使用“-01”纠正了我的问题。我没有改变任何其他东西。
我不太确定这里发生了什么。我正在从 Illustrator 画板中导出 SVG。在看板中，它们的大小完全相同（这是一个图标集）。
然而，当我将它们设置为背景图像时，有些图像始终不会 "fill up" space 它们被设置为占用 height/width 参数。
Here's 一个 jsFiddle 来说明我的意思。这些都是从 Illustrator 以完全相同的方式导出的。如果您检查较小的那个，它实际上占据了 space，就好像有一个内部填充一样。因此，即使它在 CSS 中使用 width/height: 110px; 使它变大两倍，它也变得很难定位，因为它会将其他元素推开。
这套图标我一共使用了6个，其中4个是一模一样的。虽然有 4 个像这样更小，但我不确定为什么会这样。
首先要感谢 ccprog，因为它注意到我的 SVG 文件中嵌入了前列腺按摩器的 PNG。绝对违背了我使用 SVG 的目的。把它拿出来，虽然文件大小下降了 2mb，但我仍然面临原来的问题。
如果有人对这里发生的事情有任何见解，那将是非常棒的，但希望这能帮助其他人 运行 了解这一点。
当我注意到这个时我正在使用 Shopify 但这似乎也影响了我的 jsFiddle 所以我不认为它特定于某些服务（虽然我知道 Shopify 在 bg 中做了很多关于压缩的东西，等）我已经尝试了在 Illustrator 中可以使用的所有导出选项。 this 回答中有人提出了一些关于正常保存而不是导出的建议，并允许 Illustrator 自动附加 -01 后缀。
我这样做了，突然之间就奏效了。我试了一下，把文件名中的 -01 去掉了，结果和以前一样遇到了同样的问题。所以接下来我直接从 Illustrator 中保存并确保没有“-01”。同样，问题仍然存在。我刚刚重命名了文件，将 -01 放在那里。没问题。
我不知道这是为什么，但在文件名末尾使用“-01”纠正了我的问题。我没有改变任何其他东西。