html - CSS如何使文本像图像一样缩放

Question

我不知道如何让文本在调整大小时表现得像图像。当我调整浏览器文本大小时，文本保持与开始时一样大，并开始分成多行。我尝试使用 VW 字体大小进行试验，但在那种情况下，文本在大屏幕上太大而在小屏幕上太小。

有我的 CSS 类:

.text_head_container{
  font-size: 35px;
  font-size: 2.1875rem;
  color: white;
  width:60%;
  display:inline-block;

}    
.img_head_container{
  display:inline-block;
  width:15%;
  height:auto;
}

对于这方面的任何帮助，我将不胜感激。

问候。

Answer 1

我怀疑媒体查询是这里唯一合理的选择:

p {
  font-size: 5vw;
}

@media screen and (max-width: 600px) {
  p {
    font-size: 30px;
  }
}