html - 将 CSS 中的 SVG 调整为过去 100%

Question

有什么方法可以在 css 中调整超出原始图像 100% 的 SVG 大小？我目前在 img 标签中有 svg，并且已经从 SVG 文件中删除了高度和宽度。目前我已经尝试在 css 中设置高度和宽度，但它不会放大超过 100%。任何建议将不胜感激，这似乎以某种方式链接到 svg 中设置的 viewbox。

<img class="map" src="map.svg" alt="Map">

.map{
  width: 100vw;
}

Answer 1

我似乎偶然发现了我之前尝试过的东西，这次它成功了!如果您将类向上移动一个级别到包装器，则宽度应该按预期工作。

<div class="map">
    <img src="map.svg" alt="Map">
</div>

.map{
  width: 100vw;
}