调整CSS中SVG的大小超过100％

2024-04-29 • 问答

有什么方法可以调整CSS中SVG的大小，使其超出原始图像的100％？我目前在Imports System.ComponentModel Imports System.Windows.Forms <DesignerCategory("Code")> Public Class NumericUpDownEx Inherits NumericUpDown Public Sub New() End Sub Protected Overrides Sub OnmouseWheel(e As MouseEventArgs) Dim newValue = Me.Value + Me.Increment * Math.Sign(e.Delta) Me.Value = Math.Max(Math.Min(newValue,Me.Maximum),Me.Minimum) DirectCast(e,HandledmouseEventArgs).Handled = True MyBase.OnmouseWheel(e) End Sub End Class标签中包含svg，并已从SVG文件中删除了高度和宽度。目前，我已尝试在CSS中设置高度和宽度，但不会扩展到100％以上。任何建议都将不胜感激，好像这是以某种方式与svg中设置的img相关联。

viewbox

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

a1119850405 回答：调整CSS中SVG的大小超过100％

我似乎偶然发现了我之前尝试过的东西，这一次它起作用了！如果将类上移到包装器，则宽度应能按预期工作。

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

.map{
  width: 100vw;
}

css html scaling styling svg

本文链接：https://www.f2er.com/3077390.html

调整CSS中SVG的大小超过100％

a1119850405 回答：调整CSS中SVG的大小超过100％

大家都在问