Html 如何不使用CSS显示元素

我想建立一个响应迅速的网站，基本上我不想在大中型设备上显示文档的某些元素。但是当涉及到小型设备时，它们应该出现

因此，我为这两个不应出现在中型和大型设备上的菜单项设置了secondary的类名：

<li class="BKoodakBold rightlinks secondary"><a href="#">Link</a></li>
<li class="BKoodakBold rightlinks secondary"><a href="#">Link</a></li>`

切换导航

检查下面添加到html中的代码

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />

---

尝试更改@media屏幕代码

@media screen and ( max-width: 550px){
.secondary{
display:none;
}
}

---

这里的这一条意味着，如果您的显示器小于550px，它将不会显示。

您没有提供“中等宽度”的带宽，因此没有任何带宽

如果需要选择一个“中间”宽度，则将这两个宽度合并为一个，并使用该宽度隐藏所需的元素

@media screen and (min-width: 500px) and (max-width: 850px){
  .object {
    display:none;
  }
}

---

如果将媒体设备定义为该范围，这将使.Object类元素在中间范围内不可见。

看起来像使用引导程序。因此，请查看此链接

（适用于V4 Alpha） （适用于v3.x）

您不需要添加额外的类。就用这些吧

---

您可能需要

.hidden md up

类

在引导程序4中具有响应实用程序类

---

如果您正在使用Bootstrap 3等实用程序类

您是否尝试过颠倒CSS的顺序？如果屏幕的宽度正好是767像素，它将始终显示（不太可能是您的原因，但也有可能）。第一个链接在更大的屏幕上消失。。。