了解检查css属性支持的复杂媒体查询

Question

嘿伙计们，我在bootstrap中遇到了以下媒体查询：

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }

我完全吃了一惊！我不知道，这些媒体查询在做什么？没有问我的一位同事，我得到了以下内容：

  

正在检查css 3d变换支持。

以及以下链接::

Link，现在在链接中，我看到以下信息::

  

使用这些时要非常小心。这只是一个时间问题   我们找到了一个不支持3D设备的廉价设备   假装它是因为供应商忘记关闭这个媒体   查询。

现在，我的问题是这些媒体查询是什么，它们是否可靠？

有人可以将这个媒体查询转换为如何用简单的英语阅读，我的猜测是它意味着以下内容::

＆＃34;媒体查询适用于所有设备宽度和高度和方向（@media all），现在检查此设备浏览器是否支持tranform3d属性或-webkittransform3d＆＃34; 。

有人可以为我解除这个问题。