Question

我有一个带css border-radius的div元素。我的Android 2.2.1设备默认浏览器（webkit / 533.1）不支持border-radius，所以我尝试使用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，Android 2.2浏览器支持border-radius 。 2.1需要前缀但也支持。因此，Modernizr正在正确报道。

然而，CanIUse还指出Android 2.3（可能更早）不支持该属性的百分比值。这就是为什么它不适合你。

我猜Modernizr正在寻找基本的功能支持（它有）。您可能需要针对此特定情况编写自己的更具体的测试。

Modernizr.borderradius在设备whitout支持css border-radius上为TRUE

1 个答案: