javascript - javascriptを使用して流動的な幅のレイアウトに収まるようにテキストエリアのサイズを変更します

Question

流動的なレイアウトがあり、親コンテナーのサイズに応じて拡大/縮小するテキストエリアが必要です。

CSS では、次のようになります。

textarea{
width: 100%;
}

しかし、これはテキストエリアでは機能しません。

javascriptでこれを行うにはどうすればよいですか？親要素の幅を取得し、その幅に合わせて列の数を計算できますが、1列のサイズ(px)をどのように知ることができますか?

Answer 1

これを確認してください：http://css-tricks.com/box-sizing/

  textarea {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
             box-sizing: border-box;         /* Opera/IE 8+ */
           }