html - 按像素而不是百分比的 CSS3 渐变

标签 html css

我想创建一个线性渐变背景,无论浏览器窗口的大小如何,它都适合,以适应固定高度的标题、子标题和内容 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/

相关文章:

html - 如何将选择下拉列表附加到文本框?

javascript - 为什么<video>绘制到<canvas>时质量会急剧下降?

纯 CSS ProgressBar,具有突出显示当前状态的渐变颜色

html - Ruby on Rails 中 Bootstrap 3 按钮的自定义样式

html - 如何制作 3x2 网格?

javascript - li 元素标签中的数字不适用于 vue.js

javascript - 火狐浏览器引用错误: jQuery is not defined

html - 为什么 IE1 0's "IE8 标准模式与 IE9 的不同?

css - 如何让固定宽度 DIV 内的 float DIV 水平继续?

javascript - 在 React 中使用类名、ID 和数据属性时的最佳实践是什么