Question

我正在尝试检测浏览器是否支持3d css转换。我已经研究过网络上提供的每一个解决方案，但它们都没有为我工作然后我尝试使用@support css属性来完成我的工作。它在chrome＆amp ;;中完美无瑕地工作Linux中的firefox，但不是在Windows中。

可能是因为我在两个操作系统中使用chrome 23进行了测试，根据https://developer.mozilla.org/en-US/docs/CSS/@supports#Browser_compatibility中的兼容性表格，只有chrome 24支持@support规则。

是否有任何想法此方法是否适合检查对3d的支持？我只关心chrome 23.x及以上版本以及firefox 18及以上版本，而不是任何其他浏览器，

        @supports(-webkit-transform: perspective( 1px ) )or
                 (-moz-transform: perspective( 1px) ) or
                 (-o-transform: perspective( 1px) ) or
                 (transform: perspective( 1px) ){

              #supports {
                  display:block;
              }

            }

Answer 1

您可以使用Modernizr：

if (Modernizr.csstransforms3d) {
  // CSS 3D Transforms supported
} else {
  // not supported
}

检测css 3d变换

1 个答案: