当屏幕尺寸为 1024 像素或更大时如何隐藏或删除 div [关闭]答案

【问题标题】：How to hide or remove a div when screen size is 1024 pixel or more [closed]当屏幕尺寸为 1024 像素或更大时如何隐藏或删除 div [关闭]
【发布时间】：2014-05-02 09:47:01
【问题描述】：

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

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

        visibility:hidden;


     }

}

【问题讨论】：

你的代码有什么问题？您当然必须使用准确的值宽度，并且应该使用 display:none; 来删除 DIV 空间流
当我调整我的屏幕大小时，即大于 480px 的 div 仍然显示。如何编写媒体查询来隐藏该 div。如果屏幕尺寸大于 480 像素
1024 或 480 或什么，至少使标题和问题正文匹配。所以请让你的问题更清楚

标签： jquery css twitter-bootstrap responsive-design twitter-bootstrap-3

【解决方案1】：

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

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

因为您希望元素在 1024 或更多时消失，所以最小宽度必须为 1024。

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

【讨论】：

感谢您的回答，但 div 在 980 像素处变得不可见。
@user3026519 480, 980, 1024, 1280，接下来是什么？就不能问清楚吗？？？无论如何，您应该提供一个 jsFiddle 来复制您的问题，其中包含所有且仅相关的代码
您的代码中肯定有其他内容，也许您同时使用了 Bootstraps resposivle 类？ getbootstrap.com/css/#responsive-utilities如果您发布您的 HTML，我们可能会提供更多帮助

【解决方案2】：

这会起作用的人

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

感谢和问候

【讨论】：

【解决方案3】：

你在标题中说 1024，在你的问题中说 480。

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

【讨论】：

你使用视口元数据吗？
是的，我用过，但 div 仍然可见。
你能复制/粘贴你正在使用的视口元数据吗？
尴尬，我以为你使用的初始比例不同为 1。你能在 jsfiddle 中给我们你的代码吗？