javascript - 导航按钮可见性

我试图隐藏导航栏按钮，如果屏幕大于991px（991是由于引导程序）

我可以使用visibility: hidden隐藏它，但是当我尝试使其可见时，它将无法工作。

<div class="lathatosag">
    <button type="button" id="sidebarCollapse" class="btn btn-info">
        <i class="fas fa-align-left"></i>
        <span>Hirdetés kereső</span>
    </button>
</div>

CSS：

.lathatosag{
    visibility: hidden;
}

@media(max-width:991px){
    .lathatosag{
        visibility: visible;
    }
}

最佳答案

如果希望在大于991px的较大设备上显示，则需要将媒体查询更改为：

@media(min-width:992px){
    .lathatosag{
        visibility: visible;
    }
}