Question

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

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

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

Answer 1

是的，你可以。您可以用标准单位代替百分比。见这个例子：

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

Answer 2

如果您需要固定大小的渐变，请使用background-size属性指定其大小。