css - 如何让大众字体停止增长

Question

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

Answer 1

您可以使用@media 规则:

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

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