Question

是否有改进Android浏览器边框半径的解决方法？

我搜索并搜索了关于这个论点的更多问题，或者只找到“现在不可能”的答案，所以我提出了一个简单的解决方案，我想分享。

Answer 1

我需要一些技巧让android-browser上的border-radius看起来更流畅，所以我想出了这个简单而有效的解决方案。我刚刚将如下图所示的box-shadow添加到我的css类中：

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

阴影的x和y位置为0，因此阴影居中，所有我们需要的是调整模糊值，将其扩展到角落边缘上方仅1px（根据需要），使它们看起来更平滑。当然阴影颜色必须与圆角元素的背景/边框颜色相同......

将这行代码添加到css中有一个小问题：是的...它将针对所有-webkit浏览器，使border-radius看起来（略微）不那么清晰。

现在，如果你是那种可以使用小妥协的设计师，它应该像你一样适合你，但如果你像我一样是一个挑剔的怪胎，你绝对应该找到一种方法将你的CSS定位到特定的设备

在我写这篇文章的时候，我并没有想到完美的解决方案，但你可以充分利用媒体查询来限制你使用'max-width'属性的规则（限制范围）设备根据屏幕宽度至少阻止webkit桌面浏览器）或'-webkit-device-pixel-ratio'根据像素密度定位不同的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痴迷设计师;）

Android边界半径更平滑？

1 个答案: