Html 如何制作折叠引导菜单（而不是导航栏），其中折叠在桌面视图中禁用，在移动视图中启用？

我如何制作一个类别菜单，它将在移动视图上折叠，但在桌面视图上保持打开状态？

您可以使用javascript代码

function checkPosition() {
    if (window.matchMedia('(max-width: 767px)').matches) {
        $('.example').hide()
    } else {
        $('.example').show()

    }
}

也可以在css中使用媒体查询：

---

媒体查询！当大小为[移动大小]时，将元素设置为显示：无。当屏幕大小为[其他大小]时，将元素设置为显示：block！