html怎么使文本超出自动缩小字体_随笔

虽然这种写法有点傻....但是还是写下来吧......

(字体变小对用户体验极其糟糕)

推荐使用响应式开发,以下写法能用,但是并不推荐

首先你要测试好你多少个字会超出文本框

<!DOCTYPE html>

<html>

<head>

</head>

<p id="css">喵喵喵喵喵喵喵喵喵喵</p>

</div>

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>

1.0。

HTML页面的缩放比例正常设置为1.0，表示不缩放。但是，不同的设备可能会有不同的屏幕尺寸，所以在使用CSS或者meta标签来设置缩放比例时，要考虑到不同设备的特性，这样才能让页面在不同设备上都能显示正确。

HTML页面是使用HTML编写的Web文档，包含文本，图像，视频等多媒体元素，以及其他可以在浏览器中显示的内容。

欢迎分享，转载请注明来源：内存溢出

html怎么使文本超出自动缩小字体