Android Webview上的文字模糊不清

Question

我正在开发基于网络的应用。我在android WebView上加载了一个页面。

问题是，我使用css3径向渐变为div设置了波形边框效果，页面在大多数浏览器上都能正确显示，并且适用于iOS版本应用程序。但在Android应用程序上，如果我添加此样式，页面将完全变得模糊。我在这里粘贴我的css代码：

wave-l:before{
    display: block;
    position: absolute;
    content: '';
    top: 0px;
    left: -4px;
    height: 100%;
    width: 4px;
    background-position: 0px 0px;
    background-size: 4px 8px;
    background-image: -webkit-radial-gradient(100% 4px, circle, $color 4px, transparent 4px);
    background-image: -moz-radial-gradient(100% 4px, circle, $color 4px, transparent 4px);
    background-image: radial-gradient(circle at 100% 4px, $color 4px, transparent 4px);
}

此css将生成左波样式边框。 android WebView上显示的模糊页面如下所示：

我很确定这个css代码段导致了这个问题。所以有人知道解决方案吗？

Answer 1

添加代码

  android:hardwareAccelerated="false"

在AndroidManifest.xml webview中使用过活动。

Answer 2

现在响应已经太迟了，但是我在webView中也遇到了模糊的问题。我通过添加

解决了

webView.getSettings().setJavaScriptEnabled(true);

这可能对某人有帮助