Android浏览器中的SVG对象缩放

Question

我正在建立一个我们正在建设的网站。

http://swaegersverzekeringen.e-staging.be

在左上角我们有公司徽标，这是一张SVG图片。 （fyi：IE lte 9 png加载）

如果我给对象标签在不同的断点处保持svg另一个宽度和高度，SVG会完美地缩放。现在显然，Android浏览器喜欢做自己的事情并且根本不会扩展svg。

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

我一直在谷歌上搜索一个小时，所以我决定在这里询问可能是什么解决方案。

先谢谢你们！

Answer 1

您是否有使用对象而非 img 标记的具体原因？ 你也可以提供IE9 a .png，并为支持它的浏览器使用 img 。

Answer 2

你必须添加style =＆＃34; max-height：100％＆＃34;在实际的SVG文件中。您可以在标记中使用该标记，但使用标记会更好。