SVG 画布太大，只有安卓默认浏览器答案

【问题标题】：SVG canvas too big, android default browser onlySVG 画布太大，只有安卓默认浏览器
【发布时间】：2014-06-06 12:14:39
【问题描述】：

我制作了一个移动网站，其中包含一个 SVG 文件，可以作为一个精美的 HR。我们选择 svg 是因为它的扩展性很好。

它在所有（移动）浏览器中都能正常工作，除了 Android 的 Stock 浏览器，它会生成屏幕截图（所有其他浏览器只显示屏幕截图的绿色部分，这很好）。

设计师用全绿色背景保存了这张图片（全选，变成绿色）
我已经对它进行了 CSS 编辑，如下所示：#wrap > img{ background: red; }

在 Android 浏览器中，SVG 是 100% 屏幕高度：
如果有帮助，this is the content of the svg。

我不知道要寻找什么。 SVG 看起来不错，其他 svg 总是按预期加载，这有什么不同？

“你尝试过什么？” 不多，因为我不知道从哪里开始。
- svg 已重新保存（无效）
- css #wrap > img{ height: auto;}（无效）
- css #wrap > img{ max-height: 60px;}（使#Wrap 60 高度，SVG 推在一起）
- 通过“svg 优化器”处理（无变化）

【问题讨论】：

您能否改写句子“在所有浏览器中，我看到带有内容的绿色图像，在 Android 浏览器中是 100% 屏幕高度：”？这对我来说没有意义。其他浏览器到底发生了什么？
改写了。在所有其他浏览器中，一切都按预期工作

标签： android svg android-browser

【解决方案1】：

对我来说，解决 SVG 边界框问题的方法是编辑第一部分以使用 width="100%" height="100%" 而不是指定值。

【讨论】：

【解决方案2】：

一段时间后，解决办法：

如果您在文本编辑器中打开 SVG，第一部分将显示如下内容：

viewBox="0 0 190 70"

如果在后面加上width="190和height="70"，问题就会消失。这在你想调整大小时会造成一些小困难，但市长问题解决了。

【讨论】：