使用css和javascript管理显示

我有三个元素：内存、历史记录和键盘。默认情况下，键盘是打开的。单击memoryIcon时，内存打开；单击historyIcon时，历史打开。当浏览器调整大小时，应打开键盘，但应关闭内存和历史记录。在我的代码中，当我调整浏览器大小时，键盘会打开，但当我重新调整大小时，内存或历史记录会打开！如何解决此错误？ 以下是我的css媒体查询：

@media screen and (min-width: 600px) {

    #keypad {
        display: flex !important
    }

    #memory {
        display: none !important
    }

    #history {
        display: none !important
    }
}

以及app.js文件中的onclick事件：

_elm.historyIcon.onclick = function (e) {
        e.stopPropagation();
        historyPad.style.display = "flex";
        memory.style.display = "none";
        keypad.style.display = "none";
    }

    _elm.mBtn.onclick = function (e) {
        e.stopPropagation();
        memory.style.display = "flex";
        keypad.style.display = "none";
        historyPad.style.display = "none";
    }

---

其他CSS呢？你能和我分享一下吗？如果我理解正确的话，你正在调整它的尺寸，它一开始就可以工作，但当你调整尺寸时，它坏了。也许您应该添加另一个@media，以确保它不会像@media 800那样工作，因此当您调整大小时，它将再次检查它。添加另一个媒体查询，但onclick事件停止工作。它停止工作，因为

！重要信息

在cssif中我删除！在css中很重要，当brwoser调整大小时，它不会改变任何东西。