媒体查询不会更改字体大小

Question

媒体查询不会将字体从 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;

  }

}

Answer 1

一些小问题，但现在应该可以了article.quote{&nbsp; font-size: 80px;&nbsp; color: blue;&nbsp; font-family: 'Montserrat', sans-serif;&nbsp; position: absolute;&nbsp; top: 30%;&nbsp; left: 7%;}@media all and (max-width: 1000px) {&nbsp; article.quote{&nbsp; &nbsp; font-size: 15px;&nbsp; }}<article class='quote'>some text</article>article .quote{&nbsp; font-size: 80px;&nbsp; color: blue;&nbsp; font-family: 'Montserrat', sans-serif;&nbsp; position: absolute;&nbsp; top: 30%;&nbsp; left: 7%;}@media all and (max-width: 1000px) {&nbsp; article .quote{&nbsp; &nbsp; font-size: 15px;&nbsp; }}<article >&nbsp; &nbsp;<section class='quote'>some text</section></article>