导航栏未显示在移动视图中

Question

我有点卡住了，在浏览器上查看我的网站时看起来不错，但在移动设备视图中，整个导航栏已被删除。

@media only screen and  (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
        animation: growOut 300ms ease-in-out forwards;
        transform-origin: top center;
    }
    @keyframes growOut {
        0% {
            transform: scale(0)
        }
        80% {
            transform: scale(1.1)
        }
        100% {
            transform: scale(1)
        }
    }
    .navbar .nav-item:hover .nav-link {}
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

我将不胜感激。谢谢

Answer 1

您的媒体查询中没有显示任何内容，具体取决于您移动设备的大小，很可能您的查询允许您在计算机上看到它，但不能在移动设备上看到。