Android瀏覽器不支持具有百分比值的邊界半徑

Question

在Android瀏覽器上使用邊界半徑中的％值是否存在已知問題？

我注意到當我使用時：

.element {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

邊框半徑似乎適用於所有移動瀏覽器，但是當我使用時：

.element {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

邊框半徑不適用於Android瀏覽器。

Answer 1

是的有： 點擊此處，然后點擊已知問題。

這就是它所說的：

1. Android Browser 2.3 does not support % value for border-radius.

2. Border-radius does not work on fieldset elements in IE9.

3. The stock browser on the Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property but does support the long-hand properties for each corner like "border-top-left-radius".

你用什么百分比值？ 請告訴我們，我們可以為您提供進一步的幫助。

現在，既然你用它來制作圈子，那么你可以使用一個骯臟的黑客：

#circle {
  border-radius: 9999px; /* makes it a circle */
}

這應該工作正常。