背景：linear-gradient（）在移动设备上不起作用

Question

我在Codepen上做了一个简单的页面，但是background: linear-gradient在移动设备上无法使用。它在计算机上显示颜色，但在移动设备上不显示。

这是我的代码链接：https://codepen.io/jjarus/pen/OGwJqv

还有我的CSS：

body {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    background: -webkit-linear-gradient(orange, white, green);
}

Answer 1

也将此输入您的CSS

background: linear-gradient(orange,white,green);

您提到的webkit专用于Chrome浏览器的CSS。

Answer 2

在CSS中，您只为Webkit浏览器设置了渐变背景：

background: -webkit-linear-gradient(orange,white,green);

只需将以下代码添加到您的CSS中：

background: linear-gradient(orange,white,green);

我建议您使用cssgradient.io轻松创建CSS渐变背景，并且与任何浏览器的兼容性最高。