viewBox是SVG是否响应的区别。

有了视图框，如果你重新调整画布，内容也会重新调整，没有它，内容将保持相同的大小，你可以看到更多或更少的内容，就像把一个相框放在一张图片上一样。

viewBox属性定义SVG视口在用户空间中的位置和尺寸。 viewBox属性的值是由四个数字组成的列表:min-x，min-y，width和height。 由空格和/或逗号分隔的数字，逗号指定用户空间中的矩形，该矩形被映射到为相关SVG元素建立的视口的边界

参照MDN单据。 基本上，您正在设置SVG的坐标，宽度和高度。 语法为-viewbox=“min-x min-y width height”。 viewBox的目的是选择SVG平面的那个部分，它实际上应该呈现到页面上。

如果没有viewBox标记，也没有指定任何宽度或高度，svg将不会缩放。 这里有个例子-

null

<!--This one is without a viewbox which wont scale-->
<svg>
  <path d="M 15,5 25,27.5 5,27.5 z"/>
</svg>
<!--This one is with a viewbox which will scale. Check by opening in full page-->
<svg viewBox="0 0 200 200">
    <path d="M 15,5 25,27.5 5,27.5 z"/>
</svg>