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

标签 html css svg scaling styling

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

<img class="map" src="map.svg" alt="Map">
.map{
  width: 100vw;
}

最佳答案

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

<div class="map">
    <img src="map.svg" alt="Map">
</div>
.map{
  width: 100vw;
}

关于html - 将 CSS 中的 SVG 调整为过去 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58924030/

相关文章:

javascript - 如何使用 firebase 数据填充 Accordion ?

javascript - jQuery empty 仅适用于 AJAX 调用后的第二次点击

java - 将 LineChart(javafx) 样式设置为子元素

javascript - 如何将 `element.offsetParent` 与 HTML SVG 元素一起使用?

javascript - 动态更改 SVG 光标

javascript - 使用我的代码进行 jQuery 加载事件

javascript - 告诉两个给定时间值之间的秒数

元素的 CSS 悬停应触发相反的过渡

html - 傻瓜式响应式 CSS 网格

svg - 在 SVG 中创建 Illustrator 顶层