javascript - 无法使文本区域调整大小以适合窗口大小

Question

我正在尝试使用这段代码调整文本区域的大小:

<div class="fields" style="resize:both;">
  <div class="text-area-display-panel" style="resize:both;">
    ...contents...
  </div>
</div>

但是，它不起作用，我也找不到原因(应该很简单，对吧？)。此外，是否有任何 CSS 属性或类似属性使窗口始终适合窗口大小？

非常感谢。

Answer 1

resize 属性在 overflow 设置为 visible(默认值)时无效。

试试这个:

<div class="text-area-display-panel" style="resize:both; overflow: hidden;">

详情:https://developer.mozilla.org/en-US/docs/Web/CSS/resize

示例:https://developer.mozilla.org/samples/cssref/resize.html