Css Android WebView边界半径别名

在我的android仿真器上使用

边界半径时，我看到的丑陋之处如下：


有没有办法让Android通过
-webkit border radius
以更令人愉悦的方式显示圆角？大多数现代桌面浏览器和移动Safari似乎都在反别名，但Android的渲染器却没有

我真的希望我不必用图像来做这件事，而且有一些很棒的技巧，只需一个边界半径css声明就可以获得漂亮的角落。
目前的Android版本中没有无图像解决方案，不幸的是。
我确实需要一些技巧来让android浏览器上的边界半径看起来更平滑，所以我提出了这个简单而有效的解决方案。我刚刚在css类中添加了如下所示的框阴影：

-webkit-box-shadow: 0 0 1px #000;

将这行代码添加到css中有一个小问题：是的……它将针对所有webkit浏览器，使边界半径看起来（稍微）不那么清晰

在我写这篇文章的时候，我还没有想到完美的解决方案，但是你可以很好地利用媒体查询来限制规则，无论你是否使用“最大宽度”属性（根据屏幕宽度限制设备的范围，至少使用webkit桌面浏览器）或“-webkit设备像素比率”根据像素密度针对不同的android设备：

@media only screen and (-webkit-device-pixel-ratio:.75){
/*for low density (ldpi) Android layouts */
}

@media only screen and (-webkit-device-pixel-ratio:1){
/*for low density (ldpi) Android layouts */
}

@media only screen and (-webkit-device-pixel-ratio:1.5){
/*for low density (ldpi) Android layouts */
}

最好的尊重和良好的设计给每个人。希望我也能帮助像我这样痴迷android border radius的设计师；）
 仅显示一个圆，使用变换和
-webkit背面可见性：隐藏按照可能会有所帮助（尽管在低端Android设备上转换非常昂贵）