javascript - 导航按钮可见性

Question

如果屏幕大于 991px(991 是因为 Bootstrap )，我试图隐藏导航栏按钮

我可以使用 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;
    }
}

Answer 1

如果您希望在大于 991 像素的更大设备上展示，那么您需要将媒体查询更改为:

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