Modernizr.borderradius - ИСТИНА на устройстве без поддержки css border-radius

Question

У меня есть элемент div с css border-radius. Мое Android 2.2.1 устройство с браузером по умолчанию (webkit/533.1) не поддерживает пограничный радиус, поэтому я пытаюсь использовать modernizr для обнаружения этой функции. Проблема в том, что modernizr возвращает истинную мысль о граничном радиусе, не работает. Что я могу сделать сейчас? Как это определить?

<style> 
    .border{ 
     -moz-border-radius: 100%; 
     -webkit-border-radius: 100%; 
     -khtml-border-radius: 100%; 
     border-radius: 100%;   
    } 

    .div{ 
     background: red; 
     width:100px; 
     height: 100px;     
    } 
</style> 


<div class="border div"></div> 

<script> 
    $(document).ready(function(){ 
    if (!Modernizr.borderradius) { 
     alert ("css border radius is not supported"); 
     } 
    }) 
</script> 

Демо на jsfiddle http://jsfiddle.net/7NvLM/

Answer 1

Согласно CanIUse, border-radiusв поддерживается 2.2 браузером Android. 2.1 требуется префикс, но также поддерживается. Поэтому Modernizr правильно сообщает.

Однако CanIUse также отмечает, что Android 2.3 (и, предположительно, ранее) не поддерживает процентные значения для свойства. Вот почему это не работает для вас.

Я предполагаю, что Modernizr рассматривает базовую функцию поддержки (которая у нее есть). Возможно, вам понадобится написать свой собственный более конкретный тест для данного конкретного случая.