禁用低于980像素的固定菜单

Question

目标： 当浏览器（FF，IE和Chrome）的宽度低于980像素时，此固定菜单不应出现。

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

Quesion： 我应该怎么办？

谢谢！

Answer 1

想要在视口低于980像素宽时使用CSS媒体查询来应用样式来隐藏菜单。

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

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

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

Answer 2

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