Html CSS：当一个div的文本不'；不合适？

当我的网站像手机一样显示在较小宽度的屏幕上时，导航栏下方会浮动一个div，所以我想隐藏它。如何使用纯CSS实现这一点

我已经尝试过使用“文本溢出：隐藏”和“溢出：隐藏”之类的方法，但这些方法似乎不起作用，或者我用错了

这是我的HTML：

<div class="credits">
  <span class="nav">
    <a class="credits" href="http://github.com/jvnknvlgl/website">Made by jvnknvlgl</a>
  </span>
</div>

---

快速的媒体查询就足够了。在CSS之后添加以下内容：

@media screen and (max-width: 420px) { // adjust the width for your needs
    div.credits {
        display: none;
    }
}

---

快速的媒体查询就足够了。在CSS之后添加以下内容：

@media screen and (max-width: 420px) { // adjust the width for your needs
    div.credits {
        display: none;
    }
}

---

使用媒体标签进行响应性设计，如：

 @media screen and (max-width: 420px) { // your screen widths
  div.credits {
     overflow: hidden;
  }
 }

---

使用媒体标签进行响应性设计，如：

 @media screen and (max-width: 420px) { // your screen widths
  div.credits {
     overflow: hidden;
  }
 }

---

如果您的div的大小没有声明，那么它只会扩展，使溢出：隐藏；没用

---

如果可以，请在div上添加一个高度和宽度%。

如果未声明div的大小，则它只会扩展，使溢出：隐藏；没用

---

如果可以的话，在div上添加一个高度和宽度%。

如果你真的想隐藏所有不合适的项目，只需为导航（容器）设置一个静态高度并设置

溢出：隐藏

或者，您可以使用省略号溢出：

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: some width;

好吧，如果你真的想隐藏所有不合适的项目，只需为你的导航（容器）设置一个静态高度并设置
overflow:hidden

或者，您可以使用省略号溢出：

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: some width;

我想您需要javascript或jquery来检查它是否超过宽度。您想只使用html和CSSY来实现这一点吗？您可以从cssI使用媒体查询来查询它。我猜您需要javascript或jquery来检查它是否超过宽度。你只想通过html和CSSY来实现这一点吗？你可以使用cssI的媒体查询功能。我认为他想隐藏多余的内容。这不是我所理解的“导航栏下方有一个div浮动，所以我想隐藏它”。哦，nvm，这是我的想法，因为他试图使用溢出。我认为他想隐藏多余的。这不是我所理解的“一个div浮动在导航栏下面，所以我想隐藏它”。哦，nvm，这是我的想法，因为他试图使用溢出。