更平滑的Android边界半径？

Android浏览器上是否有改进边界半径的解决方案

---

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

我需要一些技巧，使android浏览器上的边界半径看起来更平滑，所以我想出了这个简单但有效的解决方案。我刚刚在css类中添加了如下所示的框阴影：

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

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

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

现在，如果你是一种可以使用小折衷的设计师，它应该像这样为你工作，但是如果你像我一样是一个挑剔的怪胎，你绝对应该找到一种方法将你的CSS定位到特定的设备上

在我写这篇文章的时候，我还没有想到完美的解决方案，但您可以充分利用媒体查询限制规则，无论您是否使用“max width”属性根据屏幕宽度限制设备范围，至少防止webkit桌面浏览器或“-webkit设备像素比率”根据像素密度针对不同的安卓设备：

@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浏览器上的边界半径看起来更平滑，所以我想出了这个简单而有效的解决方案。我刚刚在css类中添加了如下所示的框阴影：

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

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

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

现在，如果你是一种可以使用小折衷的设计师，它应该像这样为你工作，但是如果你像我一样是一个挑剔的怪胎，你绝对应该找到一种方法将你的CSS定位到特定的设备上

在我写这篇文章的时候，我还没有想到完美的解决方案，但您可以充分利用媒体查询限制规则，无论您是否使用“max width”属性根据屏幕宽度限制设备范围，至少防止webkit桌面浏览器或“-webkit设备像素比率”根据像素密度针对不同的安卓设备：

@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痴迷设计师