在移动视图中结合2导航，是否可能？

Question

我有2个导航，它们位于2个不同的包装器中（例如，一个在页眉中，一个在页脚中）。当我将浏览器的大小缩小到移动大小时，我想组合这两个导航。这可行吗？ 我不认为这可以通过纯CSS来完成。不确定PHP和JS？ 任何人都有任何想法？

Answer 1

没关系，我找到了解决方案：

var mq = window.matchMedia( "(min-width: 8000px)" );

if (mq.matches) {
    // window width is at least 500px
}
else {
    var $link1 = $('.menu-two .menu-two-link-one');
    $('.menu-one').append($link1);

    $('.menu-two .menu-two-link-one').remove();
}