Javascript 重新缩放div内容而不调整大小

我正在寻找一种解决方案，用固定的宽度和高度重新缩放div的内容。 现在我有一个这样的部门：

<div id="editor_preview" style="width:360px !important;
                                color:gray;
                                margin-top:40px;
                                position:absolute;
                                overflow:auto;
                                height:190px !important">
</div>

document.getElementById(ev.editor.name + '_preview').innerHTML = ev.editor.getData();
var container = document.getElementById(ev.editor.name + '_preview');
var i = 99.9;

if (container.scrollHeight > container.clientHeight) {
    while (container.scrollHeight > container.clientHeight) {

        container.style.zoom = i + "%";
        i -= 0.1;
    }
}

但是,；这也会减小div的大小以匹配内容。简而言之，我想要的是：

• 保持div的大小
• 缩小内容的规模
• 无溢出

---

这里只是黑暗中的一枪。看起来你做的事情超出了我的技能水平，但是使用rem呢？然后用字体大小控制它：50%

CSS

body{
    font-size: 1rem;
}

#editor_preview{
    font-size: 50%; // control text size here
}

---

除了高度和宽度标签外，你还试过使用最小高度和最大高度标签吗？很抱歉没有在我的帖子中提到，但是是的，我试过了。不幸的是，“zoom”函数似乎覆盖了这些参数。可能需要使用不同形式的缩放，我只是不知道要寻找什么。也许尝试一下，当缩放第一次改变时，将div的内容放入一个子div，然后缩放该子div？我不会得到同样的效果吗？这样做的目的是缩小内容的规模，为更多的内容腾出空间。我想按照你的建议，我会保留原来的div大小，只是在里面放一个新的、更小的div。还是我误解了你的想法？你的解释是对的，我一定是误解了你的问题。道歉。