css - Chrome(webkit) 渐变百分比错误

Question

错误!留在这里是希望它能引起注意，或许还能得到修复。

问题是 chrome 使(我已经检查过了!)渐变的前半部分小于后半部分。我的代码是:

background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;

还试过:

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000));
background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);

编辑/更新:这确实是一个错误 - 更新是为了清楚起见(前 2 个 block 是 div，每个 50% 宽度，屏幕 - 底部用渐变分割):1) 错误的可视化表示:

2) 感谢@elstgav 提供 Codepen Test

Answer 1

截至目前 (2016-11-02)，此问题 ssems 已修复，我刚刚测试了这些笔 :

http://codepen.io/elstgav/pen/guotz

http://codepen.io/gliesche/pen/GoWMVO

在 Chrome 版本 54.0.2840.71 m 中，它们都有效。

但是，Chrome 在重复缩放渐变背景时似乎仍然存在一些问题:

SO 链接:Chrome not updateing background-size gradient properly on resize

Chrome BT:https://bugs.chromium.org/p/chromium/issues/detail?id=604875