为什么这个媒体查询不起作用？

Question

码:

@media screen and (min-width: 371px) {

     .img_displayer {
         display:none;
    }
}

如果我没错,上面的代码说如果浏览器的最小宽度变为371px,则不应显示.img_displayer元素.但是现在当我的网站以整页打开时,图像不会显示.我究竟做错了什么？

Answer 1

您的媒体查询所说的是"如果媒体是一个屏幕并且宽度至少为 371像素,则隐藏图像".

我想你可能打算用 max-width:370px