Question

我是JavaScript的新手，我试图找出如何在768px以下编写媒体查询的方法，我有3个具有相同高度的框，当另一个框具有较长的标头时，将跟随2个框的高度。我的JavaScript工作正常，但在768px以下出现问题。我想禁用我在768px以下制作的功能。有谁可以指导我吗？非常感谢您的帮助。 `

  ["PHP_SELF"]=>
  string(30) "/var/www/html/documentRoot.php"
  ["SCRIPT_NAME"]=>
  string(30) "/var/www/html/documentRoot.php"
  ["SCRIPT_FILENAME"]=>
  string(30) "/var/www/html/documentRoot.php"
  ["PATH_TRANSLATED"]=>
  string(30) "/var/www/html/documentRoot.php"
  ["DOCUMENT_ROOT"]=>
  string(0) ""

Answer 1

我会尝试这个 if (screen.width > 768) { //put here the function you wanna disable on small devices}

Answer 2

这是我为解决问题而做出的解决方案。

$(window).resize(function () {

    if (window.innerWidth < 768) {
        $('.c-cta-box .c-cta-box-headline').css("height", "");
    } else {
        window.GlobalElementHight = 0;
        $('.c-cta-box .c-cta-box-headline').each(function (index) {
            var currentElementHight = $(this).height();
            if (window.GlobalElementHight < currentElementHight) {
                window.GlobalElementHight = currentElementHight;
            }
        });
        $('.c-cta-box .c-cta-box-headline').css('height', window.GlobalElementHight + 'px');
    }
});

如何在JavaScript中放置媒体查询

2 个答案: