Html SVG占屏幕大小的400%

我试图让SVG占据屏幕宽度和高度的400%，这样我就可以移动它来改变渐变：

SVG

html，正文{
保证金：0；
填充：0；
溢出：隐藏；
}
svg{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
身高：400%；
宽度：400%；
}

---

只需将您的SVG CSS添加到

SVG:not（：root）

中即可。检查下面更新的代码段

html，正文{
保证金：0；
填充：0；
身高：100%；
}
/*svg{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
身高：400%；
宽度：400%；
}*/
svg:not（：root）{
宽度：400%；
身高：400%；
}

---

只需将您的SVG CSS添加到

SVG:not（：root）

中即可。检查下面更新的代码段

html，正文{
保证金：0；
填充：0；
身高：100%；
}
/*svg{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
身高：400%；
宽度：400%；
}*/
svg:not（：root）{
宽度：400%；
身高：400%；
}