灵活的居中SVG

Question

我想要居中的灵活svg：

1. 将缩小父/窗口宽度/高度调整大小
2. 将自己居中（占用所有可用空间）

由于某些原因，我已经成功制作了几乎所有内容，由于某些原因，SVG不会在小于100px的窗口调整大小上垂直收缩，但是如果水平收缩窗口，它将：/

Codesandbox example

有什么想法吗？

Answer 1

如果您在SVG上使用相对于视口的单位，则会缩小，因此例如在svg上设置height: 100vh。