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}