首页 > 解决方案 > 背景:线性渐变()不适用于移动设备

问题描述

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

标签: htmlcss

解决方案


把它也放在你的 CSS 中

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

正如您提到的 webkit,您的 css 是特定于 chrome 浏览器的。


推荐阅读