javascript - 使用媒体查询隐藏叠加层

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}