使用媒体查询隐藏叠加层

Question

当我们将浏览器尺寸缩小到iphone屏幕时，会出现一个菜单按钮..... 当我们点击按钮时，叠加层出现.......... 但是当我们增加浏览器大小时会出现叠加层.... 如何隐藏过度... rajdq0383@gmail.com

http://jsfiddle.net/QYvrt/17/ http://jsfiddle.net/QYvrt/17/embedded/result/

@media (max-width: 767px) {

#rightSlider{
    border: 1px solid red;
}

#rightSlider{
            display:none !important;
          }
#rightSlider{ 
            display:inherit !important;
          }

}

#slidenav{
            display:none !important;
          }
#slidenav{ 
            display:inherit !important;
          }

}

Answer 1

制作另一个媒体查询，说明当宽度大于x宽度时，显示无

@media all and (max-width:300){show overlay}
    @media all and (max-width:1024){hide overlay}