CSSを使用して空き領域に応じてTextAreaのサイズを自動調整

Question

私はビューのレイアウトのためにブートストラップを使用するASP.NET MVCアプリケーションで作業しています。私たちがサポートしている主なブラウザはIE 10+です。私は複数のTextareasを使用しているいくつかのデータフィールドを持っています。私は単純な行動を達成しようとしています。私はTextareas（ウィンドウが広くても700px）のための特定の最大幅を与えたいが、小さなウィンドウサイズに対しては幅を小さくする。

自分のSite.cssファイルに特別なクラスを設定しました。しかし、Textareasに700pxの幅を使用させる唯一の方法は、CSSのwidthプロパティを使うことです。しかし、幅を使用する場合、幅は狭いウィンドウサイズでは減少しません。 max-widthを使用すると、大きなウィンドウでも初期サイズが小さくなります。私の希望する効果を達成する方法はありませんか？

Answer 1

私は幅が70％（むしろ700px）のパーセンテージで終了しました。それは私が大画面で望んだサイズを私に与えました。次に、小さな画面に100％近い値を与えるために300pxの最小幅の値を入力します。