我不确定这里到底发生了什么。我正在从Illustrator画板中导出SVG。在电路板中，它们的大小完全相同（这是一个图标集）。
然而，当我将它们设置为背景图像时，会有一些不会“填满”它们设置为占据高度/宽度参数的空间。
Here's一个jsFiddle来表明我的意思。这些都是从Illustrator中以相同的方式导出的。如果你检查较小的那个，它会占用尽可能多的空间，就好像有一个内部填充。因此，即使它在CSS中使用width/height: 110px;使其大两倍，也会因为推动其他元素而难以定位。
我在这个集合中总共使用了6个图标，其中4个图标完全相同。虽然有4个像这样小但是我不确定为什么会这样。
答案 0 :(得分：0)
首先向ccprog发出警告，注意我的SVG文件中有一个前列腺按摩器的嵌入式PNG。绝对违背了我使用SVG的目的。拿出来，当文件大小减少了2mb时，我仍然面临着我原来的问题。
如果有人对这里发生的事情有任何了解，这将是惊人的，但希望这有助于其他人遇到这个。
当我注意到这一点时我正在使用Shopify，但这似乎也影响了我的jsFiddle，所以我不认为它特定于某些服务（虽然我知道Shopify在bg中做了很多东西）关于压缩等等）我曾尝试过在Illustrator中使用的每个导出选项。 this回答中有人提出了有关正常保存而不是导出的建议，并允许-01后缀Illustrator自动附加。
我这样做了，它突然起作用了。我玩了一下，从文件名中取出了-01，并且像以前一样有了SAME问题。接下来我直接从Illustrator中保存并确保没有＆＃39; -01＆＃39;。同样，这个问题仍然存在。我只是重命名了文件，把-01放在那里。没问题。
我不知道为什么会这样，但使用＆＃39; -01＆＃39;在文件名的末尾更正了我的问题。我没有改变任何其他事情。