【发布时间】：2019-03-27 17:15:09
【问题描述】：
我目前正在研究响应式 SVG。在 Chrome 上，一切看起来都很好并且可以正常工作。但是在 Firefox 上，我在 CSS 中的 cx cy cr 属性没有应用。
在 Chrome 上 CSS 会覆盖内联 SVG，但在 Firefox 上它不起作用。
【问题讨论】：
标签： css firefox svg responsive-design inline-svg
【发布时间】：2019-03-27 17:15:09
【问题描述】：
设置几何属性样式的能力，例如 cx、cy 和 r，是即将推出的 SVG 2 标准的一项新功能。
Chrome 已经实现了 SVG2 的这一部分，但 Firefox 还没有。
如果您需要支持所有浏览器，则需要以不同的方式设置这些属性。
【讨论】：
-
有什么方法可以推荐吗？
-
您可以在 SVG 中使用不同版本（即大小）的圆圈。然后使用
.biggerCircle { visibility: visible; }之类的方式显示或隐藏它们。否则，您将需要使用 Javascript 更改这些属性。