Question

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

这是我的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

尝试使用

背景：线性渐变（-90deg，＃212121 0％，＃660097 100％）；

在Mobile上打破渐变容器

1 个答案: