応答のあるsvg： `<svg>`にインラインスタイルを追加する-element

Question

何らかの理由で、私のsvgアニメーションはChromeではうまく動作しますが、Safariではうまく動作しません。
サファリでいくつかの要素を調べたところ、<svg>要素にstyle="max-width:100%"を追加する必要があることがわかりました。

は、だから私はこれを持っていた：<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%">

私はサファリから要素インスペクタでこれを行う場合は、この素晴らしい作品が、私はsvg -elementサファリにこれを追加した場合、それを完全に無視します。 （キャッシュを空にしても）

viewboxを0 0 825 825から0 0 100% 100%に変更しようとしましたが、何も表示されません。

また、クラスをsvg`要素に追加しようとしましたが、無視されています。

アイデア？

Answer 1

だから私はCrossbrowserの互換性をよく読んでとそれは私の問題を解決したものを....

思います。 transformとanimationを複製し、-webkit-と-moz-を追加しました。

これで正常に動作します。