Chrome（webkit）渐变百分比错误

Question

BUG！离开这里，希望它会吸引注意力，也许是一个解决方案。

问题是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个块是div，每个50％宽度，屏幕 - 底部用渐变分割）： 1）错误的可视化表示：

2）感谢@elstgav提出a Codepen Test

Answer 1

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

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

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

在Chrome版本54.0.2840.71 m中， 他们都在工作。

然而，Chrome在重复时仍然会出现缩放渐变背景的问题：

SO link：Chrome not updateing background-size gradient properly on resize

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