直接上代码
//title字体大小自适应,以能完全在一行显示25个不同类型的字符。
function fontAuto() {
//获取id为txt框架
let title = document.getElementById("txt");
//设置首大小
let size = 1.1;
//加CSS渲染
title.style.fontSize = size + 'vw';
//获取该框架长度
let scrollWidth = title.scrollWidth;
//判断如果框架长度大于txt框架长度,改变字体大小
while (title.scrollWidth > document.getElementById("txt").offsetWidth) {
scrollWidth = title.scrollWidth;
//当容器高度大于最大高度的时候,上一个尝试的值就是最佳大小。
size = size - 0.2;
title.style.fontSize = size + 'vw';
}
}
最后body调用