Css 语义用户界面菜单响应

我想要一个经典屏幕的菜单：

<div class="ui borderless stackable container main menu">

我无法在手机或经典屏幕上切换/隐藏到另一个菜单

---

我的小提琴是：

你可以试着这样做

您还需要放入

！重要信息

以

.secondary.menu

的样式显示，以实现您的目标

@media only screen and (max-width: 700px) {
      .ui.main.menu {
        display: none !important;
      }
      .main.menu .item,
      .main.menu .menu {
        display: none;
      }
      .secondary.menu {
        display: block!important;
      }
    }

请参阅此链接中的实时示例。。

---

您可以尝试这样做

您还需要放入

！重要信息

以

.secondary.menu

的样式显示，以实现您的目标

@media only screen and (max-width: 700px) {
      .ui.main.menu {
        display: none !important;
      }
      .main.menu .item,
      .main.menu .menu {
        display: none;
      }
      .secondary.menu {
        display: block!important;
      }
    }

请参阅此链接中的实时示例。。

@media only screen and (max-width: 700px) {
      .ui.main.menu {
        display: none !important;
      }
      .main.menu .item,
      .main.menu .menu {
        display: none;
      }
      .secondary.menu {
        display: block!important;
      }
    }