Question

目标：如果浏览器（FF，IE和Chrome）的宽度低于980像素，则不应显示此固定菜单。

Quesion：我该怎么办？

谢谢！

Answer 1

使用媒体查询：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp。最大宽度为980px，显示：无或非媒体样式为display：none，媒体查询为min-width，样式为普通显示。

Answer 2

当视口宽度低于980像素时，您希望使用CSS媒体查询应用样式来隐藏菜单。

将它添加到您的样式表中将会处理它。

@media screen and (max-width: 979px){
  .nav-container{
    display:none;
  }
}