html - SVG 的宽度和高度作为 float

Question

在 Illustrator 中裁剪 SVG 图稿时，宽度可能变为例如 20.121021 像素而不是恰好 20。

在 HTML/CSS 中使用 SVG 时，是否存在由 float 宽度/高度引起的已知问题？是否有理由始终将宽度和高度保存为整数的艺术品？

Answer 1

由于 SVG 是一种矢量格式，您可以使用任何您想要的宽度/高度。从 illustrator 中保存 SVG 的宽度/高度并不重要，您可以简单地在 css 中调整大小。

只需给您的 SVG(实际上是一个以 svg 标签开头的文本文件)一个 id/class

<svg class="svg--class">...</svg>

.svg--class { 
    width: 20px;
    height: 20px;
}

所以回答你的问题:不，用 float 保存 SVG 没有问题。