javascript - 允许 textarea resize 缩小(不仅仅是增长)元素的原始/默认大小

Question

我正在尝试创建一个 textarea 元素，该元素具有以编程方式定义的原始/默认大小，但用户可以在定义的限制内调整大小，使其既可以增长也可以收缩。

我已尝试设置 resize、min-width、max-width 和 width 属性文本区域，但是到目前为止，这只允许用户增长 textarea 元素，而不能缩小。浏览器将允许用户在 width 和 max-width 范围内调整元素大小，而不是在 min-width 范围内> 和 max-width，如预期的那样。

是否有一种简单的方法来指定默认 大小，该大小也不会被视为最小 大小？

---

这是我正在使用的代码:

function textAreaWithDefault(size) {
    var ta = document.createElement("textArea");

    ta.style.resize = "both";
    ta.style.minWidth = "100px";
    ta.style.width = size + "px";    // default size
    ta.style.maxWidth = "500px";

    document.body.appendChild(ta);
} 

首选纯 css 和/或 javascript 解决方案，但它只需要在 web-kit 上工作。

Answer 1

我会研究 fittext 或类似的脚本: http://fittextjs.com/

这正是您所描述的。