Javascript 正在更改div'；根据文本大小调整浏览器后的高度'；s长度和字体'；好主意是什么？

我在处理div大小的手机短信时遇到了一些麻烦

所以，我有了一个想法，“如果有一个公式，根据屏幕的宽度/高度，可以为那个div设置适当的高度，该怎么办？”

并导致了一些硬代码，如：

（调整视图窗口大小几次）

$（窗口）。调整大小（函数（）{
var div=document.getElementById（“测试”）；
变量宽度=div.offsetWidth；
变量高度=（div.innerHTML.length*70）/宽度；
div.setAttribute（“样式”、“高度：“+height+”px”）；
});
#测试{
字体大小：10px；
边框：2倍纯红；
填充物：5px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。两个是共同的，一个是共同的，一个是共同的，一个是共同的，一个是共同的。阿利夸米。节律性前庭。伏隔肌，前软肋菱形肌，腹侧肌
但是，我的名言是我的精英。前庭是一个小房间。这是一种普遍存在的疾病。罗汉果中的罗汉果。奎斯克·托托·利奥、坦普斯·安特·ac、马蒂斯
福西布斯·里索斯。普雷森特·特里斯蒂克，奥迪奥·ac·菲尼布斯·特里斯蒂克，内克·萨皮安·阿利奎特·多洛，在菲尼布斯·莫里斯·乌纳坐着艾米特·莫里斯。在hac habitasse Plateum，一句名言。Praesent nunc est，调味品中的流苏，孕妇的舌苔。亨德雷特万岁酒店
莫里斯是威尼斯人的名言。这是一种特殊的生活方式。turpis ante，nec cursus felis luctus et.Etiam ac ligula et tellus viverra tristique sed sodales，例如Nullam accumsan Volatic libero，vel laoreet sem lacinia sit
艾米特。南德·莫利斯·胡斯托。
根据Rory的建议，我建议使用以下建议的断点进行媒体查询

最小宽度：320px（更小的手机视点）
最小宽度：480px（小型设备和大多数手机）
最小宽度：768px（大多数片剂）
最小宽度：992px（较小的桌面视点）
最小宽度：1200px（大设备和宽屏幕）

设置JS无论如何都是一项昂贵的工作
 哈哈，对不起，巴德，这已经想到了！这就是为什么你的屏幕在手机上看起来很好，而且所有东西看起来都可以无缝调整大小。查找CSS媒体查询、CSS网格和FlexboxOr动态样式。所以，我必须硬编码？对于电话设备，高度为：X，对于平板电脑，高度为Y，对于台式电脑，高度为Q？