Html div中的动态字体大小

嗨，我的字体大小有问题。如果我写得太长，我希望字体大小自动缩放（p元素类mainPromoText），没有滚动条，但不会发生这种情况。
以下是我的HTML和CSS代码：

正文{
背景色：#1a1e22；
}
.firstPageLogin{
背景色：#32322f；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
最小高度：15vh；
}
.mainAppName{
颜色：#ffffff；
字体大小：2vw；
文本对齐：居中；
填充：10vh；
}
.mainPromoText{
颜色：#ffffff；
字体大小：10vw；
文本对齐：居中；
显示器：flex；
弯曲方向：立柱；
}
/*
部分{
位置：相对位置；
最高：24%；
文本对齐：居中；
}
.loginCheckbox{
颜色：#ffffff；
}
.loginCheckboxText{
颜色：#ffffff；
}
*/

zyciakjgjdfhjkdhdhfgkjdghfjdgkjdlkfjgdkljgkljfkgljfdklgjdflkdgfjgkld
Apka

可能是一种解决方案：

$(".mainPromoText").fitText();

您可以通过向函数传递

浮点值来微调效果：

$(".mainPromoText").fitText(1.2);

如果您需要最小或最大的
字体大小
：

$(".mainPromoText").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' });

还有一个：

查看演示

希望这有帮助
 可能是一个解决方案：

$(".mainPromoText").fitText();

您可以通过向函数传递
浮点值来微调效果：

$(".mainPromoText").fitText(1.2);

如果您需要最小或最大的
字体大小
：

$(".mainPromoText").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' });

还有一个：

查看演示

希望这有帮助
 div.mainPromoText的内容是动态的吗？div.mainPromoText的内容是动态的吗？