禁用低于 980 像素的固定 MANU

disable the fixed manu that is lower than 980 px

本文关键字：MANU 像素      更新时间：2023-09-26

目标：如果我的浏览器(FF，IE和Chrome(的宽度较低，低于980px，则不应显示此固定菜单。

http://jsbin.com/pafasocuxe/edit?html,css,js,output

询问：我该怎么办？

谢谢！

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

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

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

有关媒体查询的详细信息：https://css-tricks.com/css-media-queries/

使用媒体查询：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp。最大宽度为 980px，显示：无，或者具有非媒体样式和显示：无，媒体查询具有最小宽度和样式与正常显示。

相关文章：