更流畅的Android边界半径？

Question

是否有解决方法来提高Android浏览器上的边界半径？

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

Answer 1

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

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

x和阴影的y位置是0，所以阴影的中心，所有凌晨需要是调整模糊值扩展它只是1px的（根据需要）在角落边缘以上，使它们看起来更平滑。当然，阴影颜色必须与你的圆角元素的背景/边框颜色相同...

有一个小问题，只需将这行代码添加到你的CSS：是的......它将针对所有的-webkit浏览器，使得边界半径外观（稍微）不那么锐利。现在，如果你是一个可以使用小型折衷方案的设计师，那么它应该可以像这样为你工作，但是如果你像我一样是个怪胎，你绝对应该找到一种方法将你的CSS定位到特定设备。

当我写这篇文章的时候，我还没有想到完美的解决方案，但是你可以很好地利用媒体查询来限制你使用'max-width'属性的规则（限制范围

@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 */ 
} 

最佳方面和良好的设计：基于它们的屏幕宽度设备至少防止WebKit的桌面浏览器）或“-webkit设备像素比”基于其像素密度为目标的不同机器人装置的致所有人。希望我帮助了一些绝望的android边框半径痴迷的设计师;）