我创建了以下codepen来演示问题:
http://codepen.io/perrin4869/pen/rWdWMm
在Chrome,Firefox和IE11中,它按预期工作 - 背景水平重复。但是,在Safari中,在文档的特定高度(例如439px)中,您可以看到svg背景图像重复之间的间隙...
我尝试更改svg的设置,例如使width
,height
,viewport
值全部为整数,并尝试使用所有可能值的preserveAspectRatio
属性,但差距仍然存在......
任何人都知道为什么会这样,以及如何解决这个问题?谢谢!