时间戳

首页 > 解决方案 > 导航栏未在移动视图中显示

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

问题描述

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

@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;
    }
}

我将不胜感激任何帮助。谢谢

标签： javascripthtmlcss

解决方案

You got display none on your media query, depending on your mobile device's size, most likely your query allows you to see it on your computer but not on your mobile device.

推荐阅读