Question

在我的网站上，当前加载时，它会自动播放视频，然后淡入网站。但由于手机数据规则，它无法自动在手机上播放。如何让视频甚至不显示在移动视图上？它会与CSS @media一起使用吗？

Answer 1

你最好的选择是将它包装在一个班级中（为了这个例子，我将它称为show-desktop。

以下是构建媒体查询的方法：

@media screen and (max-width:767px){
  .show-desktop{
     display:none;
   }
}

当设备大小为767像素或更小时，这会隐藏类show-desktop的内容。

Answer 2

我至少看到两个选项：