更改对象大小 - Android＆lt; 4.3

Question

我正在 Android 4.3 上使用 Android浏览器测试我的网站，<object>显然不像其他平台那样有效。 SVG正在缩放，最有可能是它的原始大小。由于某种原因，它无法扩展到父div。

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

我指的是“我可以使用”，表示Android 4.3及更早版本不支持<object>。

对象示例：

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

如你所见，我有一个后备，但它显然不起作用。它取而代之的是SVG文件......我尝试将对象设置为以下内容：

height: 100% auto; 

但那没用。

我也尝试将其设置为px的精确尺寸，即使这是我不想要的。这更像是一个测试，看它是否有帮助。

width: 50px
height: 50px;

如果您有麻烦，请参阅page。但请注意，您必须使用 Android浏览器 Android 4.3 或更早版本。

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

Answer 1

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

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