Html 如何使字体文本在调整大小时响应？

我有一个div是有响应的，但是文本内容没有响应，它不会随着宽度的变化而减少

HTML

<div class="circle">Hello I want to resize.</div>

---

您可以使用视口值而不是ems、pxs或pts

1vw=视口宽度的1%

1vh=视口高度的1%

1vmin=1vw或1vh，以较小者为准

1vmax=1vw或1vh，以较大者为准

试试

字体大小：7vw

.circle
{
width:100%;
height:100%;
border-radius:250px;
font-size:7vw; //changed this
color:#fff;
text-align:center;
background:#000
}


.circle
{
width:100%;
height:100%;
border-radius:250px;
font-size:7vw; //changed this
color:#fff;
text-align:center;
background:#000
}