Mobile 移动平台上的梯度容器破碎

我在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);
}

试试这个

---

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

-截图截图丢失了欢迎光临。在问题中添加屏幕截图-不在评论中。