可缩放字体大小（响应式？）

作为对 Error404 同事评论的扩展，我将告诉你两件事。

您可以使用屏幕宽度控制字体大小：

.mifuente {
    font-size: 2vw;
}

或者你可以用高度来做：

.mifuente {
    font-size: 2vh;
}

在更具体的情况下，您别无选择，@media具体取决于您的身高和宽度来做一件事或另一件事。

@media (max-width: 200px) and (max-heigth: 160px) {
    .mifuente {
        font-size: 20px;
    }
}

您可以使用vw（视口）单位。

font-size: 3.5vw;

这些将根据屏幕宽度取比例。

另一方面，也有vh以身高为参考的比例。

最后，您可以使用媒体查询。如果您不希望它进行如此大的跳跃（取决于您拥有的屏幕，它会将其设置为某些大小或其他大小），您可以直接通过像素指示您希望字体对于特定宽度的字体大小屏幕。

例子：

@media (max-width:700px) and (min-width:500px) {
    .texto{
       font-size: 12px;
    }
}

上面的示例将您的字体设置为 12 像素，此时您的屏幕最小为 500 像素，最大为 700 像素。您可以根据需要对其进行调整，并且可以根据需要使用任意数量。

我看到他们在其他答案中没有提到它，并且在使用测量单位时通常需要最大/最小限制，vw并且vh考虑到已经有几千像素宽的屏幕和其他非常小的屏幕，所有这一切都假设它不是流畅的设计或渐进式增强。

尽管几个媒体查询足以确定最小值和最大值，但我们也可以使用它们calc()来设置最小值并随着分辨率的增加添加vwo单位：vh

font-size: calc(1rem + 1vw);

在此示例中，最小尺寸将为 1rem，并且将添加当前视口宽度值的 1%。

对于上限，我们可以使用“普通”媒体查询：

@media (min-width: 200rem) {
  p {
    font-size: 3rem;
  }
}

以防万一，您可以使用除 rem 以外的任何其他计量单位。

您可以尝试将它们放入，em尽管这取决于屏幕的来源，例如：

基本字体为：8px。

1 em = 8px，2 em = 16px 等等。

然后你可以选择把它放进去pt，但据说这是个坏主意，它pt的作用取决于客户端屏幕的大小。 字体

今天的建议是，好的做法是做所有事情，em因为它是最舒适和最标准的。

另一种选择是在可访问性方面放置一个按钮，它的作用是通过 js 按钮增加字体大小，它的作用是将基本大小增加一个百分比，所以你用“em”做的是增加大小，因为它们都是相对于模板中施加的字体的基本大小。

*{
 font-size: 8px;
}

例如，通常是这样设置的，通常也取这个大小。

注意：您通常会*发出希望所有内容都具有该大小的信号，但随后您可以单独自定义它。