首页 > 解决方案 > SVG 图像宽度和高度 - 需要“px”吗?

问题描述

哪个是对的?

<svg width="100px" height="200px">
    ...
</svg>

或这个

<svg width="100" height="200">
    ...
</svg>

我知道在<img>标签的情况下我们不能指定px,因为如果我针对W3C进行验证,我会收到一条错误消息:

元素 img 上属性高度的错误值 100px:应为数字但看到 p。

元素 img 上属性宽度的错误值 200px:应为数字,但看到的是 p。

但此错误消息未显示为<svg>.

标签: htmlsvg

解决方案


根据SVG 规范

1 px 单位被定义为等于 1 个用户单位。因此,“5px”的长度与“5”的长度相同。

因此,您可以根据需要使用其中任何一个。


推荐阅读