Android中的SVG保持纵横比

我在Android手机上遇到SVG缩放问题

我的网站的两个部分是基于通过

这是它在Android 4.1.2本机浏览器上的屏幕截图。

测试URL

我尝试了以下所有解决方案，但没有一个有效。

设置宽度、高度和视图框无效。此外，preserveAspectRatio也不起作用<代码>

包装在另一个SVG中并没有达到目的（另外，我不想将图像居中，而是需要一种按比例缩放图像的方法）。

我试过这个：但它也不起作用。宽度和高度已设置为整数，而不是%或px

回答前请阅读以下内容：

由于布局要求在某些位置同时具有宽度和高度，因此我必须在某些位置同时保持宽度和高度

此问题仅发生在Android 4.1.2上的本机浏览器应用程序{“浏览器”应用程序} . 正如在Chrome和Android 4.1.2上的所有其他浏览器中所预期的那样，它工作得非常出色

如果你能找到解决办法，小提琴或密码笔会很有帮助

不打算使用SVG以外的任何图像格式

宽度和高度，并通过css以%表示……SVG必须相应缩放。

谢谢。

在运行时遇到了一些问题，因此我使用标准html属性进行了修改并开始工作。在Inco Sphere平板电脑上测试

根据，

最大高度：100%和/或
最大宽度：100%
似乎是潜在的修复方法

然而，在我自己的例子中，我只使用
viewBox=“0 0 32”
指定了
width=“32”
，一旦我添加了
height=“32”
，我就不再有任何问题了。我太习惯于大多数浏览器来补偿这些东西了。
这完全违反直觉，但我相信你可以用纯像素指定SVG（及其内部元素）
width
和
height
属性，然后从那里用CSS向上或向下缩放对象。在SVG的渲染模型中，px是任意定向的点。我在px中使用了宽度和高度，没有任何区别。我还使用了viewBox和PreserveSpectratio。也不起作用。不幸的是，这可能是一个浏览器错误。