Html 媒体查询未更改字体大小

Html 媒体查询未更改字体大小,html,css,Html,Css,媒体查询未将字体从20px更改为15px idk。到目前为止,代码中只有一个媒体查询没有覆盖 article .quote{ font-size: 20px; color: rgb(255, 255, 255); font-family: 'Montserrat', sans-serif; position: absolute; top: 30%; left: 7%; } @media all and (max-width:1000px){ .quote{ f

媒体查询未将字体从20px更改为15px idk。到目前为止,代码中只有一个媒体查询没有覆盖

article .quote{
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  top: 30%;
  left: 7%;
}
@media all and (max-width:1000px){
  .quote{
    font-size: 15px;
  }
}

有些小问题,但现在应该可以解决了

article.quote{
字号:80px;
颜色:蓝色;
字体系列:“蒙特塞拉特”,无衬线;
位置:绝对位置;
最高:30%;
左:7%;
}
@全部和全部介质(最大宽度:1000px){
文章引用{
字体大小:15px;
}
}

一些文本
使用
文章。在媒体查询中也引用
,如果不起作用,请提供CodePenShunge。。。不是最优的,但您可以添加
!重要信息
请提供此代码所使用的HTML;a将是完美的,如果可能的话使用。@Ankit代码可以工作。我没有看到任何问题,很可能字体太小,无法区分。请尝试更改字体大小并查看差异。在
左键之后添加
*/
是否有原因:7%?只是一个输入错误,对不起,你为什么要写
文章。引用
而不是像问题中那样的
文章。引用
?我的意思是你假设了html结构,OP没有提供。你知道
文章.quote
文章.quote
之间的区别,对吗?它的工作原理如下: