Question

我有一个小问题，我试图解决。在我的drupal网站上，我编写了一个脚本，允许shadowboxes打开youtube链接，最小宽度为980px。这工作得很好，花花公子，但我的问题是面向横向的平板电脑。此规则旨在防止shadowbox在移动平台上打开。因此，我想修改我的代码，以防止任何横向设备以及980px以下的所有设备。我可以从这背后的逻辑中得到一些帮助吗？我尝试使用NOT（方向：横向），但并没有颠倒我认为的整条线上的逻辑。

(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);

Answer 1

所以，我在发帖后意识到我做错了什么。我会留下它，以防它帮助其他人。我忘了它之间需要一个逗号分隔查询。

(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);

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

1 个答案: