Image 为什么';这媒体查询不起作用吗?

Image 为什么';这媒体查询不起作用吗?,image,css,media-queries,Image,Css,Media Queries,代码: 如果我没有错的话,上面的代码说如果浏览器的最小宽度变为371px,.img_displayer元素就不应该显示。但现在,当我的网站以完整页面打开时,图像不会显示。我做错了什么?您的媒体查询所说的是“如果媒体是一个屏幕,且宽度至少为371px,则隐藏图像” 我认为您可能打算使用最大宽度:370pxKolink对此解释得非常好。您的图像将一直显示到屏幕宽度为371px,然后display:none开始隐藏图像。这里有一个快速演示。如果调整窗口大小,使结果窗口小于371像素,您的图像将显示。我

代码:


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

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


我认为您可能打算使用
最大宽度:370px

Kolink对此解释得非常好。您的图像将一直显示到屏幕宽度为371px,然后
display:none
开始隐藏图像。这里有一个快速演示。如果调整窗口大小,使结果窗口小于371像素,您的图像将显示。

我尝试了“最大宽度”,但它不会隐藏它。+1您的速度非常快。就在我读到你关于ajax的回答之前。您的简要说明足以学习:)。
@media screen and (min-width: 371px) {

     .img_displayer {
         display:none;
    }
}