移动设备上的渐变容器破裂

Question

我在CSS的正文部分添加了一个背景渐变，它在浏览器中工作正常。但是，在移动设备上检查时，渐变不断中断，如下面的屏幕截图所示。你可以帮我吗？我不知道为什么会这样...

这是我的 css 代码：

body {
margin: 0;
font-family: "Poppins", "Karla", -apple-system, BlinkMacSystemFont, 
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color 
Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-color: #FFF;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background: linear-gradient(#212121,#660097);
}

Answer 1

尝试使用这个

背景：线性梯度(-90度，#212121 0%，#660097 100%(;