更改对象大小 - Android < 4.3

Question

我正在 Android 浏览器 在 Android 4.3 和 [=14] 上测试我的网站=] 显然不像其他平台那样工作。 SVG 正在缩放，很可能是原始大小。由于某种原因，它不会扩展到父 div.

如您所见，下面是徽标和一些白色物体。这些应该是圆圈，但只显示了对象的某个部分。

我指的是我可以使用其中说 <object> 不支持 Android 4.3 及更早版本。

对象示例：

<object data="#.svg" type="image/svg+xml">
     <img src="#.png" alt="Text">
</object>

如您所见，我有一个后备方案，但显然行不通。它需要 SVG 文件...我尝试将 object 设置为以下内容：

height: 100% auto;

但这没有用。

我也曾尝试使用 px 将其设置为精确大小，尽管这是我不想要的。这更像是一个测试，看看它是否有帮助。

width: 50px
height: 50px;

如果理解有困难请看page。但请注意，您必须使用 Android 浏览器 Android 4.3 或更早版本。

我正在寻找使 SVG 或对象适合 div 的解决方案。你有什么想法吗？

Answer 1

通过使所有 SVG 成为非交互式并使用 <img> 结合脚本回退到 png 版本解决了这个问题：

<img src="#.svg" onerror="this.src='#.png'">.

Change Object Size - Android < 4.3