.sheep{
font-size:16px
text-indent:2rem
}
希望我的回答可以帮助你！谢谢
虽然这种写法有点傻....但是还是写下来吧......
(字体变小对用户体验极其糟糕)
推荐使用响应式开发,以下写法能用,但是并不推荐
首先你要测试好你多少个字会超出文本框
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head>
<!--我还是很萌响应式的-->
<div id="box">
<p id="css">喵喵喵喵喵喵喵喵喵喵</p>
</div>
<script>
var box = document.getElementById('box')
var box = box.innerText //获取 div box里面的所有字
var cat = box.length //转换为字数
if(cat >= 10) //如果box里面字数大于或者等于10
{
document.getElementById("css").style.fontSize=40+'px'
//如果大于10个字 字体大小为40px
}
else{
//否则为80px大小
document.getElementById("css").style.fontSize=80+'px'
}
</script>
</body>
</html>
