Html 为什么此字体大小在媒体查询中不起作用

我有媒体查询，但有一个问题，字体大小不起作用

     @media only screen and (min-device-width: 375px) and (max-devicewidth:     667px)  
{ 
#topnav             {   padding:0px 0px 0px 0px;}
#topnav a           {   font-size:28px;}
#topnav h1          {   font-size:55px;}
#content            {   float:left;width:100%;margin: 20px 0px  0px 0px;  }
#content p          {   font-size:25px; color: #AAAAAA;text-align:justify;padding:0px 20px 10px 20px; }
#content h1         {   font-size:40px; color: #AAAAAA;line-height:140%;padding:0px 20px 0px 20px;text-align:center; }

---

max devicewidth

中存在打字错误

您应该在浏览器中检查

#content p

元素，并从css文件中的哪一行查看它的字体大小属性，您可能在某个地方覆盖了它

编辑：

如何检查：如果使用chrome，右键单击元素，然后单击inspect。将html页面作为节点，您可以在其中导航。确保已单击要检查的图元，然后查看应用了哪些样式

---

不起作用的是#content p，虽然颜色是正确的，但可能是最主要的问题，另一个属性起作用。我只是不知道如何检查它……我发现，它在我的pc上的谷歌chrome中工作，但字体大小在我的iPhone 6上不起作用

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

 h2{
        font-size: 4.3vw;
    }

}