HTML TextArea适合内容（在页面加载）

Question

我有一个文本区域显示从数据库（可变长度）下拉的文本，我希望文本区域调整大小，目前它以固定高度（大约2个文本行）出现然后滚动休息。当页面加载时，我该如何处理CSS以使文本区域缩小并增大{？1}}大小？

我不希望它在jQuery或其他任何东西动态调整大小，只是在页面加载时。如果可能的话，没有jQuery。

该页面使用PHP构建：

$t4_data

CSS是：

echo "<textarea form='t4_area_post_form_" . $t4_id . "' name='message' id='t4_post_item_" . $t4_id . "' class='t4_payload' readonly>";
    echo htmlspecialchars($t4_data);
echo "</textarea>";

Answer 1

在textarea上添加内联样式，使其高度由$ t4_data中的行数乘以font-size计算得出。您必须将CSS中的字体大小更改为像素而不是百分比。