媒体null不存在Feature transform-3d

Question

以下代码：

@media(transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d){#ls-test3d{position:absolute;left:9px;height:3px;}

导致wc3验证错误：

  

媒体null不存在特征变换-3d，   （-o-transform-3d），（ - ms-transform-3d），（ - moz-transform-3d），   （-webkit变换-3D）{＃LS-test3d {位置：绝对的;左：9px;高度：3px的;}   }

这在哪里意味着什么？

Answer 1

您的问题似乎与您如何定义条件有关，该错误明确指出“针对媒体空值不存在功能转换3d”，即未为任何特定值设置@media。您需要为要写入此条件的媒体类型设置。

例如，以下查询检查所有媒体类型的转换：

@media all (transform-3d),(-webkit-transform-3d){
transition: transform .6s ease in-out; 
}

在这里我为所有@media类型指定了，您可以具体指定所需的类型。