CSS中的响应渐变背景？答案

【问题标题】：Responsive gradient background in CSS?CSS中的响应渐变背景？
【发布时间】：2013-11-08 17:43:38
【问题描述】：

有没有办法制作响应式 CSS 径向渐变背景？我试过微软的渐变生成器，但它并没有像我想象的那样工作，它显示了很多条带，我希望渐变是平滑的，它是一个基本的浅灰色 - 白色径向渐变。

【问题讨论】：

一个示例页面？也许是一个 jsFiddle？
这是一个基本站点 - jsfiddle.net/QjUnJ
我在你的小提琴中看不到任何东西......你试过画布吗？ w3schools.com/tags/canvas_createradialgradient.asp
Background Seams on Mobile Devices 的可能副本

【解决方案1】：

这样做：

* {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
#grad {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(180deg, gray, white);
}

<body>
  <div id = 'grad'></div>
 </body>

【讨论】：