如何让大众字体停止增长

Question

我试图创建一个响应网页，其中最大宽度的html是1000 is。我所有的字体都是用大众指定的。当浏览器扩展到超过1000 to时，是否有方法阻止字体的增长？

Answer 1

使用媒体查询

.dynamic-size-text {
    font-size: 30px;
  }

@media only screen and (max-width: 1000px) {
  .dynamic-size-text {
    font-size: 10vw;
  }
}

Answer 2

您可以使用@media规则：

.text-class {
    font-size: 0.2vw;
}

@media only screen and (min-width: 1000px) {
    .text-class {
        font-size: /* some fixed size */;
    }
}