Android Webview 上的文本变得模糊答案

【问题标题】：Text got blurred on Android WebviewAndroid Webview 上的文本变得模糊
【发布时间】：2016-01-11 08:58:49
【问题描述】：

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

问题是，我使用css3 径向渐变为 div 设置了波浪边框效果，页面在大多数浏览器上都能正确显示，并且对于 iOS 版本的应用程序也能正常工作。但是在安卓应用上，如果我添加这种样式，页面会完全变得模糊。我在这里粘贴我的 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 代码 sn-p 导致了这个问题。所以有人知道解决方案吗？

【问题讨论】：

标签： android css android-webview

【解决方案1】：

添加代码

  android:hardwareAccelerated="false"

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

【讨论】：

谢谢，这为我解决了问题。知道是什么导致了这个错误吗？

【解决方案2】：

回复为时已晚，但我也遇到了 webView 中的模糊问题。我通过添加解决了它

webView.getSettings().setJavaScriptEnabled(true);

它可能对某人有帮助

【讨论】：