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

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{

  font-size: 80px;

  color: blue;

  font-family: 'Montserrat', sans-serif;

  position: absolute;

  top: 30%;

  left: 7%;

}

@media all and (max-width: 1000px) {

  article.quote{

    font-size: 15px;

  }

}

<article class='quote'>some text</article>

article .quote{

  font-size: 80px;

  color: blue;

  font-family: 'Montserrat', sans-serif;

  position: absolute;

  top: 30%;

  left: 7%;

}

@media all and (max-width: 1000px) {

  article .quote{

    font-size: 15px;

  }

}

<article >

   <section class='quote'>some text</section>

</article>