Пограничный радиус с процентным значением, не поддерживаемым в 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

Да есть: check here, and click on known issues.

Вот что он говорит:

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

Это должно работать нормально.