Html @媒体在变小（如屏幕）时会中断CSS

因此，我正在开发响应性Flexbox菜单，并拥有：

@media screen and (min-width: 800px) {
  label, #mobile-nav {
    display: none;
  }
  )

这样标签按钮将出现在上面的最小宽度处。现在它确实起作用了。标签在达到最小宽度之前不会显示，但是，它或其他东西导致CSS断裂并失去其样式：

已删除@媒体：

在Fire Fox Developer中，标签甚至没有出现：

/*隐藏输入/复选标记和子菜单*/
输入，导航#移动导航{
显示：无；
}
/*定位标签*/
标签{
位置：相对位置；
显示：块；
光标：指针；
}
/*选中输入时显示子菜单*/
输入：选中~导航#移动导航{
显示：块；
}
#移动导航{
最大宽度：100%；
}
#移动菜单{
显示器：flex；
证明内容：周围的空间；
柔性包装：包装；
背景：#000；
}
@媒体屏幕和屏幕（最小宽度：800px）{
标签#移动导航{
显示：无；
}
)
.轮{
边界半径：12px；
边框：3倍实心#000；
/*Safari 3-4、iOS 1-3.2、安卓1.6-*/
-webkit边界半径：12px；
/*Firefox 1-3.6*/
-moz边界半径：12px；
/*Opera 10.5、IE 9、Safari 5、Chrome、Firefox 4、iOS 4、Android 2.1+*/
边界半径：12px；
}
.移动包装{
填充物：5px；
}
.菜单元素{
填充：0；
保证金：0；
}
.标题说明{
垫面：5px；
}
.菜单元素标题{
颜色：#fff；
文本转换：大写；
}
.移动链接文本{
颜色：#f0eae1；
文字装饰：无；
}
.手机打印文本{
颜色：#eff2f2；
文字装饰：无；
文本对齐：左对齐；
浮动：对；
左边距：15px；
}

图像按钮
介绍
故事
人物
游戏帮助
媒体
等

您在以下代码中使用了右括号

）

而不是右大括号

}

：

@media screen and (min-width: 800px) {
  label, #mobile-nav {
    display: none;
  }
  ) /* this should be a closing curly brace */

必须使用正确的语法才能使代码正常工作