Javascript CSS/JS选择非横向且最小宽度为980px的设备

Javascript CSS/JS选择非横向且最小宽度为980px的设备,javascript,jquery,drupal,media,tablet,Javascript,Jquery,Drupal,Media,Tablet,我有个小问题要解决。在我的drupal网站上,我编写了一个脚本,允许Shadowbox打开youtube链接,最小宽度为980px。这很好用,但我的问题是基于景观的平板电脑。这条规则是为了防止shadowbox在移动平台上打开。因此,我想修改我的代码,以防止任何横向设备以及980px以下的所有设备。我能得到一些关于这背后逻辑的帮助吗?我试着使用NOT ORTIONATION:横向,但不颠倒我所相信的整条线路的逻辑 (function ($, Drupal, window, document, u

我有个小问题要解决。在我的drupal网站上,我编写了一个脚本,允许Shadowbox打开youtube链接,最小宽度为980px。这很好用,但我的问题是基于景观的平板电脑。这条规则是为了防止shadowbox在移动平台上打开。因此,我想修改我的代码,以防止任何横向设备以及980px以下的所有设备。我能得到一些关于这背后逻辑的帮助吗?我试着使用NOT ORTIONATION:横向,但不颠倒我所相信的整条线路的逻辑

(function ($, Drupal, window, document, undefined) {

  $(document).ready(function () {
    var mq = window.matchMedia( "(min-width: 980px)" );
    if (mq.matches) {
      Shadowbox.init();
    }
  });

})(jQuery, Drupal, this, this.document);

所以,我在发帖后意识到我做错了什么。我会把它留着,以防对其他人有帮助。我忘记了在两个查询之间需要一个逗号来分隔

(function ($, Drupal, window, document, undefined) {

  $(document).ready(function () {
    var mq = window.matchMedia( "(not (orientation:landscape),(min-width: 980px)" );
    if (mq.matches) {
      Shadowbox.init();
    }
  });

})(jQuery, Drupal, this, this.document);