html - ドラッグ可能なサイズ変更のためにテキストエリアに必要な最小の高さ

Question

私textareaのページには があります。このドラッグ可能なコーナーがあり、サイズを変更できます。以下のスクリーンクロップのように

サイズを小さくしすぎると、コーナーが消えてしまいます (コーナーでテキストエリアのサイズを変更することはできますが)。

ユーザーを混乱させないように、ドラッグ可能なコーナー画像を表示するために必要な最小の高さを設定したい

これは何がminimum-height必要ですか？好きなものpaddingやmargin影響を与えるものはありますか？それはChromeだけですか、それともSafari/IEでも同じですか..など?

Answer 1

要素の列と行で定義できるはずです。これを行うと、最小サイズが作成されます。その後、そこからサイズを変更できます。またはCSSで

CSS では、最小サイズと最大サイズを指定できます。ほとんどの最新ブラウザで安全

  #confinedSpace textarea { resize:vertical; max-height:300px; min-height:200px; }
  #confinedSpace textarea.horiz { resize:horizontal; max-width:400px; min-width:200px; }