CSS关于背景渐变和自动全屏主编在css开发的时候发现了一个致命的问题：设置背景色渐变后，好不容易调整到全屏覆盖，但是按下F11的时候，崩塌的世界就开始了。所以本文主要介绍CSS背景渐变色和自动全屏适配背景渐变色。本文只介绍线性渐变背景渐变色。相信大家都不陌生。先看下图。线性渐变（60度，rgba（218、169、215、0.637），rgba（128、174、235、0.904））；//60deg代表渐变的角度，大家可以自己试试//渐变是后面两个当然第一个配色的结果也可以设置为第三个}背景全屏。还可以看到渐变背景不是全屏的，也是非常有美感的。但是这个时候肯定有人会说你没有设置宽高。高看效果body{background-image:-webkit-linear-gradient(60deg,rgba(218,169,215,0.637),rgba(128,174,235,0.904));min-height:648px;}效果如下：然后我按F11最大化窗口的时候问题来了：显然问题还没有完全解决，所以这里给你自适应屏幕的代码body{background-image:-webkit-线性梯度（60deg，rgba（218、169、215、0.637），rgba（128、174、235、0.904））；背景位置：中心0；背景重复：不重复；背景附件：已修复；背景尺寸：封面；-背景尺寸：封面；-o-背景尺寸：覆盖；-moz-背景大小：封面；-ms-background-size:cover;}//小编测试谷歌浏览浏览器和星源浏览器都可以自动适配。//可以拿回去多做实验。效果图如下：好了，本文的内容就到这里了。
