宽度和高度仅在设置时才相关viewBox。如果没有该属性，您可以安全地删除宽度和高度。它将始终以绘制时的比例显示。如果 a<rect>设置为 10px 宽 20px 高，那么当没有设置 viewBox 时，它将以 10x20 的比例显示，有或没有宽度或高度。

如果viewBox设置了属性，您可以使用宽度和高度来向上或向下调整原始比例。

如果没有 width 和 height 但 viewBox 设置，这将允许 svg 无限缩放，这可能是也可能不是所需的行为。在响应式 HTML 页面中，这通常是需要的。它会放大或缩小以适应边界容器。

这些是一样的

<svg width="240" height="240" xmlns="http://www.w3.org/2000/svg">
<svg xmlns="http://www.w3.org/2000/svg">

这使原始比例增加了一倍。

<svg viewBox="0 0 120 120" width="240" height="240" 
xmlns="http://www.w3.org/2000/svg">

这允许无限缩放

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">