Google chrome CSS3背景角度渐变在宽屏幕上变为水平

Google chrome CSS3背景角度渐变在宽屏幕上变为水平,google-chrome,css,gradient,Google Chrome,Css,Gradient,我有一个倾斜的CSS梯度 在Firefox中,这很好,但在Chrome中,当您使窗口变宽时,线条变得水平。它在JSfiddle(!)中不这样做。有什么办法可以防止这种情况发生吗?目前似乎没有办法定位线性渐变,因此我已将对角线恢复为png。您有给定问题的屏幕截图吗?当然,这是(预期的)错误:这是广泛的行为:尝试禁用这一行:背景:-webkit渐变(线性、左上、右下、颜色停止(0%,rgb(185192,0))、颜色停止(30%,rgb(185192,0))、颜色停止(30%,rgb(255255)

我有一个倾斜的CSS梯度


在Firefox中,这很好,但在Chrome中,当您使窗口变宽时,线条变得水平。它在JSfiddle(!)中不这样做。有什么办法可以防止这种情况发生吗?

目前似乎没有办法定位线性渐变,因此我已将对角线恢复为png。

您有给定问题的屏幕截图吗?当然,这是(预期的)错误:这是广泛的行为:尝试禁用这一行:
背景:-webkit渐变(线性、左上、右下、颜色停止(0%,rgb(185192,0))、颜色停止(30%,rgb(185192,0))、颜色停止(30%,rgb(255255))、颜色停止(100%,rgb(255255));