在@media上显示css none无法在IE 8,9中工作（max-width：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();    
}

Answer 2

这不是您问题的直接答案，但此库会将您的媒体查询转换为不支持它的浏览器：

https://code.google.com/p/css3-mediaqueries-js/

只需加载它即可完成所有工作。