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}