<script>
var hdWidth = document.body.getBoundingClientRect().width;
var textWidth = document.getElementsByClassName('hd-text')[0].offsetWidth;
var scale = hdWidth / textWidth*.8;
document.getElementsByClassName('hd-text')[0].style.fontSize = scale * 100 + '%';
</script>
动态计算字体大小
通过计算原有font-size下文案所撑起的宽度,除以容器宽度(这里设定容器宽度为屏幕宽度),得出需要缩放的系数,将系数换算成百分比赋值给font-size即可。