javascript - 显示 css none 在 @media 上的 IE 8,9 中不起作用(最大宽度 :786px){}

Question

我想在 @media (max-width:786px){} 上不显示任何 div 我想用 jquery .hide() 函数修复。可能的代码是什么？

Answer 1

请记住，媒体查询与 IE8 不兼容。 看看respond.js为了 IE8 的兼容性。

更好的方法是使用 Modernizr检测媒体查询兼容性，然后在需要时使用 jquery .hide() :

if(!Modernizr.mq('only all') && $(window).width() < 786){
  // Hide your element with jquery .hide();    
}