更流暢的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邊框半徑癡迷的設計師;）