テキストエリアのサイズ変更で元のサイズからデフォルトサイズに縮小することができます

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溶液が好ましいが、それだけでウェブ・キット上で動作するように持っています。

Answer 1

は私がfittextまたは類似したスクリプトになります0

Answer 2

への最大幅と幅の最小幅等しくなるように設定してください： http://fittextjs.com/

これは、あなたが記述しているまさにありません。