仅针对具有媒体查询的智能手机

Question

我有视频背景，因为加载它需要相当多的MB，我想禁用智能手机上的视频。 CSS本身很简单：

video{
   display:none;
}

但是，如何获取媒体查询以便它不会影响桌面和笔记本电脑的屏幕？因为智能手机的分辨率越来越高，而只是针对较小像素（例如±450像素）的旧方法将不再适用于较新的智能手机。 智能手机的宽度和高度无关紧要，我在“常规”媒体查询中修复了这一点，以便在设计中断时css发生变化。

Answer 1

使用类似

的内容

@media (max-width: 480px) {

video {
display: none;
}

}

对于最大为480像素（大多数智能手机）的屏幕尺寸，这不会显示任何内容