我有一张背景图片（background: url('...svg') no-repeat;），我用background-size: 100% 100%;强制成正确的尺寸。这创造了所需的效果，似乎效果很好，直到我用Safari查看页面。 Safari似乎忽略了我的background-size设置并改为使用background-size: contain;（它使图像居中，因此不完全包含）。
我在Stack Overflow上发现了另一篇文章，其中说必须使用-webkit-background-size用于Safari。但这并不奏效。
你可以在jsfiddle中看到我的意思。在Safari中，两个div看起来都一样。
有谁知道我如何在Safari中使用它？
答案 0 :(得分：0)
这似乎是您的数据URI的问题。如果将url()链接替换为普通图像链接，则Safari上的大小调整应该与预期的一样。如果在URI中使用不同的数据类型（除SVG之外的其他内容），大小调整也将起作用。
干杯， 杰弗里