html - 仅一种像素大小的媒体查询

Question

有没有办法只为一种尺寸创建媒体查询？

@media(min-width: 484px) {
      img {
           display: none;
      }
}

上面的示例显示图像将从 484px 开始消失。有没有一种方法可以编写媒体查询，使图像仅在 484px 处消失并在 485px 处重新出现，而无需添加其他媒体查询？

此外，有没有一种方法可以编写一个媒体查询来执行两种大小之间的操作，而无需编写 2 - 3 个媒体查询？

我想知道是否有一种方法可以将这两个写在一行上。

Answer 1

为什么不

@media (width:484px) { ... }

?

也就是说:

@media(width: 484px) {
      img {
           display: none;
      }
}

Mozilla's documentation for media-query media-features