如何让大众字体停止增长

Question

我正在尝试创建一个响应式网页，其中 html 的最大宽度为 1000 像素。我所有的字体都是根据 vw 指定的。当浏览器扩展到超过 1000 像素时，有没有办法阻止字体变大？

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 */;
    }
}