当屏幕尺寸为1024像素或更大时，如何隐藏或删除div

Question

当屏幕尺寸大于480px时，我正在使用引导程序并编写媒体查询来隐藏div，因为如果在全尺寸浏览器上看到屏幕，则该div将不可见。请告诉我怎么做。感谢。

@media (min-width: 1280px) {
  #hidetop{

        visibility:hidden;


     }

}

Answer 1

您的媒体代码有误，应该是：

@media only screen and (min-width: 1024px) {
    #mydiv { display: none; }
}

因为你希望元素在1024或更多时消失，所以min-width必须是1024。

编辑：其实你在标题中说1024px，但在你的帖子中是480px？只需将1024px更改为480px

即可

Answer 2

你的标题是1024，你的问题是480。

@media (min-width: 480px) {
    #hidetop{
        display:none;
     }
}

Answer 3

这将有效

@media only screen and (min-width: 480px){
   #hidetop{display: none;}
}

谢谢和问候