出于某种原因，我的svg动画在Chrome中运行良好，但在Safari中运行不正常
在safari中检查了一些元素之后，我发现我必须将style="max-width:100%"添加到<svg> - 元素。
所以我有这个：<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 825 825">
我想这样做：<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 825 825" style="max-width: 100%">
如果我在Safari的元素检查器中执行此操作，则效果很好，但如果我将其添加到svg元素，则Safari会完全忽略它。 （即使我清空缓存后）
我尝试将viewbox从0 0 825 825更改为0 0 100% 100%，但这只会导致无法显示。
我也尝试在svg`-element中添加一个类，但也被忽略了。
有什么想法吗？
答案 0 :(得分：0)
所以我阅读了Crossbrowser的兼容性并猜测了......
它解决了我的问题。
我复制了transform和animation，并添加了-webkit-和-moz-。
现在它运作正常。