html - 有最小字体大小和最大字体大小这样的东西吗？

Question

我正在尝试使 div 中的字体响应浏览器窗口。到目前为止，它运行良好，但父 div 的 max-width 为 525px。进一步调整浏览器大小不会使字体停止调整大小。这让我想知道是否存在 min-font-size 或 max-font-size 这样的东西，如果这样的东西不存在，如果有一种实现类似目标的方法。

我认为在 font-size 下使用百分比会起作用，但文本位不会相应地缩放到父 div。这是我拥有的:

父 div 的 CSS:

.textField{
    background-color:rgba(88, 88, 88, 0.33);

    width:40%;
    height:450px;

    min-width:200px;
    max-width:525px;

    z-index:2;
}

相关文本的 CSS:

.subText{
    position:relative;
    top:-55px;
    left:15px;

    font-family:"news_gothic";
    font-size:1.3vw;
    font-size-adjust:auto;

    width:90%;

    color:white;

    z-index:1;
}

Answer 1

您可以通过使用公式并包括视口(viewport)宽度来完成。

font-size: calc(7px + .5vw);

这会将最小字体大小设置为 7px，并根据视口(viewport)宽度将其放大 .5vw。