用js实现在不同宽度的视口下自动调整字体大小

<div>
	Merry Christmas Eve
</div>

<script>
var autoFontSize=()=>{
	let deviceWidth = document.documentElement.clientWidth;
	let fontSizeVal = (20*(deviceWidth/320) > 40 ? 40 +"px" : (20*(deviceWidth/320) + "px"));
	document.documentElement.style.fontSize = fontSizeVal;
}

window.addEventListener("load",autoFontSize)
window.addEventListener("resize",autoFontSize)
</script>

切记不要忘记加上下面内容：

<meta name="viewport" content="width=device-width,initial-scale=1.0;" />