我正在尝试缩放嵌入的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）。 / p>
我已尝试设置视口（通过<meta name="viewport" content="...">），但它没有更正此行为。同样，SVG的viewbox属性设置正确，不会影响它。
然而，特别值得注意的是，通过<embed src=>，<iframe src=>和<object data=>标记嵌入SVG会导致移动设备上出现这种不受欢迎的行为，但<img src=>缩放完全在移动设备上 - 但是，<img src=>带来了一系列问题，所以我想避免这种情况。
有没有人经历过这样的事情？这是一个奇怪的，可能是小众的问题，但我认为那里的人肯定曾经遇到过这种情况。