仅具有另一个扩展SVG定义的SVG仍需要扩展吗？

Question

我的SVG是width="1200" height="600" viewBox="0 0 1200 600"。它使用clipPath来自另一个SVG的defs。

<svg class="svg-def">
    <defs> 
        <clipPath id="clip-1"> ...
    </defs>
</svg>


<svg width="1200" height="600" viewBox="0 0 1200 600">
    <g clip-path="url(#clip-1)">
    ...
    </g>
</svg>

Demo

当.svg-def没有width="1200" height="600" viewBox="0 0 1200 600"（第一张图片）时，窗口宽度小于1200，右侧会被剪裁。这是不希望的。

我想要第二张图片 - 剪辑只是SVG的大小。第二张图片很好，因为正在使用的<clipPath>来自具有相同<svg>的{​​{1}}元素

width="1200" height="600" viewBox="0 0 1200 600"

问题

1）在<svg class="svg-def"> <defs> <clipPath id="clip-1"> ... </defs> </svg> <svg class="svg-def" width="1200" height="600" viewBox="0 0 1200 600"> <defs> <clipPath id="clip-2"> ... </defs> </svg> <clipPath>中，100％相对于什么？

2）第一个剪辑的显示宽度随窗口宽度而变化（当后者窄于1200px时）。较窄的窗口宽度=较窄的显示宽度。相对于？

的显示宽度是多少？

3）因此，如果我的SVG只有<rect width="100%" height="100%"/>，则其<defs>标签仍然必须具有视箱值，以便使用定义的其他SVG（以及窗口宽度缩放） ）可以定义正确的大小吗？