android - Mobile Chrome 和 WebView 上的背景颜色显示不正确

Question

我有一台运行 Chrome 72 的 Android 平板电脑(Lenovo Tab 4 10 Plus (TB-X704L))和一个使用最新 Chromium 的 WebView 应用程序。

在 Chrome 浏览器和 WebView 应用程序中，背景 linear-gradient 颜色奇怪地乱七八糟。

这是它在所有其他设备上的样子，包括桌面版 Chrome 72。

这是它在平板电脑上的样子

如图所示，第一个按钮出于某种原因采用了第二个按钮的颜色。

类似地，在台式机和其他平板电脑上:

与 Lenovo 4 对比:

这是圆形按钮的 CSS(例如第一个按钮):

background: rgb(221, 221, 221) 
            linear-gradient(rgb(135, 138, 209), rgb(91, 94, 148)) 
            repeat scroll 0% 0% / 100% padding-box padding-box

我还没有在任何其他平板电脑上遇到过这个问题，所以我想知道这个问题是否只存在于这个特定的平板电脑上。更令人费解的是，同一台设备上的 Firefox 却显示了正确的颜色。

我尝试过的事情无济于事:

1. 检查辅助功能中的颜色设置，看看是否启用了类似于色盲模式的功能。事实并非如此。
2. 转到 chrome://flags >> Force color profile 并尝试每个颜色配置文件。
3. 将 rgb(rrr,ggg,bbb) 更改为十六进制代码。
4. 恢复出厂设置。

知道是什么导致了这个奇怪的问题吗？

谢谢!

Answer 1

也许这会对您有所帮助:我在另一个论坛上读到，将 rgb(rrr,ggg,bbb) 更改为 rgba(rrr,ggg,bbb) 做了诡计。