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

Question

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

我希望主顶部菜单显示在 Logo 下方。

这是我在 mo 的 CSS:

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

Answer 1

你好，现在定义你的 wraper width 100% 到 480px 就像这样

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

    #wrapper { width:480px; }

    #logo {
        margin-left: 100px;
    }

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


}