css - スタイルシートのレスポンシブ メディア クエリが機能しない

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


}