如何使用CSS将textarea大小设置为x cols，y行

Question

我的textarea我正在使用

<textarea cols="50" rows="20">

并且工作正常。但我意识到我需要调整较小显示器的尺寸（例如移动设备），然后我使用CSS的宽度和高度属性

即

＆＃13;

＆＃13;

.genre_grey_list {
  width: 50ch;
  height: 20em;
}

＆＃13;

<textarea cols="50" rows="20"></textarea>
<textarea class="genre_grey_list"></textarea>

＆＃13;

＆＃13;

＆＃13;

然而 50ch 的宽度小于cols =＆＃34; 50＆＃34;并且 20em 的高度小于rows =＆＃34; 20＆＃34 ;.如何使用CSS以行和列的形式准确设置textarea的大小？