Html CSS3按像素而不是百分比显示渐变

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

我的问题是，我不想在移动页面时缩放渐变。我想，我可以使用1px宽的图像来获得相同的结果，但我最终希望该站点尽可能不使用图像，除非使用徽标

---

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

可以。您可以用标准单位代替百分比。请参见此示例：

---

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

适用于该站点，但实际上不适用。Chrome和Firefox都没有在我的Mac上渲染渐变…@JonMitten dabblet渲染时没有前缀。很抱歉，我已经更新了样本以包含它们。太好了，这太完美了。似乎工作得很好-但是，我注意到当浏览器窗口调整大小时，浏览器呈现“锯齿状”。这可能是我使用的分区级别的结果。我不认为这会让人分心太重要。我已经从答案中删除了前缀，因为它们现在不再需要了。这也是一个很好的选择。使用

背景位置

和

背景重复

进行微调。

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