html - 为什么这个字体大小在媒体查询中不起作用

Question

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

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

Answer 1

您在 max-devicewidth 中有错别字。

您应该在浏览器中检查您的 #content p 元素，并查看它在哪个 css 文件中的哪一行采用了 font-size 属性，您可能在某处覆盖了它。

编辑:

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

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/