样式表中的响应式媒体查询无效

Question

我的CSS不支持移动肖像。

我希望主要顶部菜单显示在徽标下方。

这是我在mo的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; }


}