3

ブラウザが 3D CSS 変換をサポートしているかどうかを検出しようとしています。私はネット上で提供されているすべてのソリューションを調べましたが、どれもうまくいきませんでした。その後、自分の仕事に @support css プロパティを使用してみました。Linux の chrome と firefox では問題なく動作しましたが、windows では動作しませんでした。

これは、両方の OS で chrome 23 を使用してテストしたことが原因である可能性があり ます。サポートルール。

このメソッドが 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;
              }

            }
4

1 に答える 1

5

Modernizrを使用できます。

if (Modernizr.csstransforms3d) {
  // CSS 3D Transforms supported
} else {
  // not supported
}
于 2012-11-29T09:10:30.223 に答える