Responsive svg：將內聯樣式添加到`<svg>`-element

Question

由於某些原因，我的svg動畫在Chrome中運行良好，但在Safari中無法運行。
在safari中檢查了一些元素後，我發現我必須將style="max-width:100%"添加到<svg> -lelement中。

所以我有這個：<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`元素，但也被忽略。

任何想法？

Answer 1

所以我對跨瀏覽器的兼容性閱讀並猜測....

它解決了我的問題。 我每複製transform和animation並增加-webkit-和-moz-。

現在它只是正常工作。