我想创建一个线性渐变背景,无论浏览器窗口的大小如何,它都适合,以适应固定高度的标题、子标题和内容 div。
我的问题是我不希望在移动页面时缩放渐变。我想我可以使用 1px 宽的图像来获得相同的结果,但我最终希望网站尽可能没有图像,除了 Logo 。
是否可以使用像素定义的渐变而不是百分比定义的渐变?
最佳答案
是的,你可以。您可以用标准单位代替百分比。看这个例子:
http://dabblet.com/gist/1856111
background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);
关于html - 按像素而不是百分比的 CSS3 渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9336846/