更改对象大小 - Android < 4.3答案

【问题标题】：Change Object Size - Android < 4.3更改对象大小 - Android < 4.3
【发布时间】：2015-07-17 14:37:16
【问题描述】：

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

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

我参考 Can I Use，上面写着 <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 4.3 或更早版本的 Android 浏览器。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：