Javascript 在Mobile Safari/Android浏览器中使用-webkit转换进行奇怪的SVG缩放

我正在尝试缩放一个嵌入的SVG，它包含在一个100px宽的div中，通过在该div上应用

-webkit transform:scale（2）

来缩放该SVG。在桌面上，在Chrome和Safari中，SVG被正确缩放为其原始大小的两倍（即200px）。但是，在iPad（Mobile Safari）和Android默认浏览器上，SVG被错误地缩放到原来大小的四倍（即400px）

类似地，使用scale（0.5），桌面浏览器可以正确地将SVG缩放到其原始大小的一半（即50px），但前面提到的移动浏览器可以将SVG缩放到其原始大小的四分之一（即25px）

我尝试过设置视口（通过

），但没有纠正此行为。类似地，SVG的

viewbox

属性设置正确，不会影响它

然而，特别值得注意的是，通过

、

和

标记嵌入SVG会在移动设备上导致这种不必要的行为，但是

在移动设备上可以完美地伸缩——然而，

会带来它自己的一系列问题，因此我希望避免这种情况

有人经历过这样的事情吗？这是一个奇怪的，可能是利基的问题，但我想一定有人曾经遇到过这样或那样的问题