Question

我想得到一个（svg-）图像响应填充100％宽度（高度：自动）。当我逐渐减小浏览器窗口的大小时，图像大小似乎“滞后” - 在某些点跳跃一点，然后回到100％，依此类推。

代码是：

<body>
<img class="zigzag" width="100%" height="auto" src="images/wavegreynoborderstraight.svg">
</body

身体上没有设置边距/填充，没有任何相似之处。这是一个常见的问题吗？我正在测试chrome（31.0）。

Answer 1

我猜你没有正确关闭身体标签。也许，如果你在文档中犯了这个错误，那可能就是坏人。否则，我们需要知道嵌入的svg代码 - 它可能无效......

我使用自己的svg文件在firefox（26.0）和chrome（31.0）中尝试了你的代码，它在两者中运行良好，即使是未封闭的正文...

也可能是，你svg太复杂了。（小数位数或锚点太多）尝试简化SVG编辑器中的路径并将其导出为3位小数。

如果有帮助，请告诉我。