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