允许文本区域调整大小以缩小（不仅仅是增大）元素的原始/默认大小

我正在尝试创建一个textarea元素具有以编程方式定义的原始/默认大小，但用户可以在定义的限制内调整其大小，从而允许其增大和缩小。

我尝试过设置resize, min-width, max-width, and width文本区域的属性，但是到目前为止，这只允许用户grow the textarea元素，不shrink它。浏览器将允许用户在以下范围内调整元素的大小和大小width and max-width，不在边界之间min-width and max-width， 如预期。

有没有一种简单的方法来指定default尺寸也不会被视为minimum size?

这是我正在使用的代码：

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 上工作。

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

这正是您所描述的。