html - 背景:线性渐变()不适用于移动设备
问题描述
我在 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);
}
解决方案
把它也放在你的 CSS 中
background: linear-gradient(orange,white,green);
正如您提到的 webkit,您的 css 是特定于 chrome 浏览器的。
推荐阅读
- flutter - 为什么在 initState() 中使用 Future.delayed?
- gatling - 在 Gatling 中的多个虚拟用户之间每次迭代将数据文件划分为唯一数据
- python - 实现将鱼眼图像转换为等距矩形的论文
- android-studio - 如何在android studio中设置非重复闹钟?
- json - Maya导入读取json文件并提取数据
- javascript - TypeError:状态不可迭代
- github - graphql github API:repo 中所有合并 PR 的审批者
- c# - 无法将日志严重性更改回 VS 2022 中的原始级别
- html - 需要帮助将按钮放在轮播 img 顶部
- javascript - 无法对具有无限滚动的 DOM 元素执行操作