javascript - 編集不可のテキストエリアのサイズ変更

Question

Web ページに 2 つのテキストエリアがあります。最初のものは編集不可 (読み取り専用) で、その下のものは編集可能です。読み取り専用のテキストエリアの高さを、コンテンツに応じて自動的に調整したい。

そのテキストエリアのコンテンツはデータベースから取得されます。コンテンツが 1 行の場合は高さを調整し、複数行の場合はそれに応じて高さを調整する必要があります。

どうすればこれを達成できますか?? JavaScript が必要で、JQuery は必要ありません。