SVG在最大尺寸處拉伸，然後填充其餘部分

Question

我有一個SVG，我想用它作爲背景。 我應該用什麼CSS，如果我想我的背景在最大尺寸拉伸，然後填寫剩下的，就像這樣：

• 案例1：如果瀏覽器的viewwidth> viewheight，使SVG取視口的高度，保持縱橫比（1：1），然後重複水平直到身體完全覆蓋。
• 案例2：如果瀏覽器的viewwidth < viewheight（網站通常手機版），使SVG採取視口的寬度，保持縱橫比（它是1：1），然後重複直到身體完全覆蓋。

我想獲得這個沒有JS，但如果這是不可能的，JS是一種方式去。謝謝！

Answer 1

您將需要JS進行視口比較，但是從那裏您可以使用cover or contain作爲背景尺寸的道具。