Android 浏览器中的 SVG 对象缩放答案

【问题标题】：SVG object scaling in Android BrowserAndroid 浏览器中的 SVG 对象缩放
【发布时间】：2014-06-01 11:07:55
【问题描述】：

我们正在构建的网站遇到了这个问题。

左上角有公司徽标，这是一个 SVG 图像。（仅供参考：IE lte 9 a png 被加载）

如果我在不同的断点处为保存 svg 的对象标记提供另一个宽度和高度，则 SVG 可以完美缩放。现在显然，Android 浏览器喜欢做自己的事情，根本不缩放 svg。

我可以看到对象标签的宽度合适，但 svg 以全尺寸显示并被裁剪，因为对象容器是 100 像素宽。

我已经在谷歌上搜索了一个小时，所以我决定在这里询问可能的解决方案。

提前谢谢大家！

【问题讨论】：

【解决方案1】：

您使用 object 而不是 img 标签有什么具体原因吗？您也可以提供 IE9 一个 .png 文件，并将 img 用于支持它的浏览器。

【讨论】：

【解决方案2】：

您必须在实际的 SVG 文件中添加 style="max-height: 100%"。您可以在标记中使用标签，但使用标签更好。

【讨论】：