样式表中的响应式媒体查询不起作用

Question

我的 CSS 不适用于移动肖像。

我希望主顶部菜单出现在徽标下方。

这是我的 css：

    @media screen and (max-width: 480px) {
       #wrapper { 
         width:100%; 
       }
       #logo {
         margin-left: 100px;
       }
       #menu { 
         width:100%;
         display:inline-block; 
       }
    }

Answer 1

您好，现在像这样将您的 包装器 width 100% 定义为 480px

@media screen and (max-width: 480px) {

    #wrapper { width:480px; }

    #logo {
        margin-left: 100px;
    }

    #menu { width:100%;display:inline-block; }


}