テキストエリアの可変域をCSSで制限する方法

悪い例

📝 幅をwidth の指定で無理矢理固定して、横幅は可変出来ないようにする

<body>
  <textarea placeholder="hoge"></textarea>
</body>

textarea {
  min-width: 288px;
  max-width: 288px;
}

📝 textarea に対して resize: vertical; を指定して縦方向のみサイズ変更出来るようにスタイルを当てる。

<body>
  <textarea placeholder="hoge"></textarea>
</body>

textarea {
  resize: vertical;
}