CSS3渐变按像素,而不是百分比

Question

我想创建一个线性渐变背景,无论浏览器窗口的大小如何,它都适合相同的数量,以适应​​固定高度的标题,子标题和内容div.

我的问题是,当我移动页面时,我不希望渐变缩放.我想,我可以使用1px宽的图像来获得相同的结果,但我最终希望该网站尽可能没有图像,禁止使用徽标.

是否可以使用像素定义的渐变而不是百分比定义的渐变？

Answer 1

是的你可以.您可以用标准单位代替百分比.看这个例子:

http://dabblet.com/gist/1856111

background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);

Answer 2

如果需要固定大小的渐变,请使用该background-size属性指定其大小.