使用媒体查询隐藏覆盖

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}