第二媒体查询不起作用

Question

手机的媒体查询无效。我查看过其他帖子并找不到任何解决方案。

如上所述，问题非常明显。笔记本电脑的媒体查询工作，但对手机似乎没有得到认可。 网站： 万维网，beesandthebirds.com

/*Media queries*/

/*Phone*/
@media only screen and (max-width: 415px) {
    #logo{
        background-size: 76%;
        height:60%;
    }
    #text{
        top:49%;
    }
    #text >h1{
        font-size: 4.5em;
    }
    #space{
        bottom: -47px;
    }
    .x8{
        top:625px;
    }
    .x9{
        top:725px;
    }
    .x10{
        top:825px;
    }
}

/*Laptop*/

@media only screen and (min-width:1024px) and (max-width: 1367px) {
    #logo{
        background-size: 21%;
        height:60%;
    }

    #text{
        top:49%;

    }
    #text >h1{
        font-size: 1.5em;
    }
    #space{
        bottom: -47px;
    }


}

Answer 1

我刚刚添加了＆＃34; meta name =＆＃34; viewport＆＃34;含量=＆＃34;宽度=设备宽度，初始规模= 1.0＆＃34;＆＃34;现在它有效。