为什么我的媒体查询始终适用？

Question

我不明白发生了什么。这是我用过的另一个项目的重用代码，但现在已经坏了。

媒体查询始终开启，我不明白为什么。据我所知，这是写一个的正确方法。

html：

    <div>
        <div class="logo">

        </div>
        <div class="menuButton">
            <div class="hamburgerContainer">
                <div class="hamburger"></div>
                <div class="hamburger"></div>
                <div class="hamburger"></div>
            </div>
        </div>
    </div>

scss：

  .logo{
        width:50%;
        float: left;
     @media only screen and (min-width: 37.5rem){
            width:100%;
            text-align: center;
        }
   }

    /*Hamburger button at top of page*/
    .menuButton{
        width:50%;
        float:right;

        @media only screen and (min-width:37.5rem){
            display: none;
        }
    }

    .hamburgerContainer{
        float: right;
        .hamburger{
            width:65px;
            height: 10px;
            background:#000;
            margin:10px 50px 0 0;
        }
    }

Answer 1

您无法在媒体查询中使用rem。我尝试了您的代码，并在px中设置了一个尺寸，但它确实有效。