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

那应该可以正常工作。