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

0

У меня есть элемент div с граничным радиусом css. Мое 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/

  • 1
    хорошо, если Modernizr сообщает, что border-radius работает, то он, вероятно, имеет некоторую базовую поддержку. Я думаю, что поддержка ограничена значениями пикселей, в то время как процентные значения не работают. Смотрите здесь: github.com/Modernizr/Modernizr/blob/master/feature-detects/css/… - Modernizr тестирует со значением пикселя. Или ваш браузер возвращает что-то вроде 0 для неизвестного свойства.
Теги:
modernizr

1 ответ

3
Лучший ответ

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

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

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

  • 0
    Я не заметил известных проблем процентных значений. Не проблема переписать% в px. Большое спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню