如果屏幕大小为600或更小，如何禁用带有onclick功能的div

Question

嗨我在日历旁边有一个div，它显示所选日期的事件。现在当屏幕尺寸为600或更小时。日历div需要用事件div替换，我如何执行此操作。

Answer 1

var mq = window.matchMedia("(max-width: 600px)"); 

if(mq.matches){ 
// Do this 
} 

很好的参考 https://www.sitepoint.com/javascript-media-queries/

Answer 2

我建议你哟使用CSS，而不是JS

@media screen and (min-width: 600px) { 
    div.className { 
     display: none; 
    } 
}