HTML Textarea没有响应

Question

我怎样才能让它不会越过小显示器的边界？ 我希望得到当前显示的宽度！

<textarea></textarea>

Answer 1

您需要更改默认box-sizing。

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
}

Answer 2

在元素上设置最大宽度。

＆＃13;

＆＃13;

textarea {
  max-width: 100%;
}

＆＃13;

<textarea></textarea>

＆＃13;

＆＃13;

＆＃13;

Answer 3

尝试textarea {max-width:95%;} - 它将始终适合您的显示。

Answer 4

您可以通过以下方式禁用文字区域调整大小：     textarea {        调整大小：无;      } 并将max-width设置为容器div或表的宽度

Answer 5

我同意上述所有答案，但未解决的一个问题是，如果您不指定列数，则textarea实际上不会填充div或元素的宽度。因此，我使用以下内容：

<textarea cols="120" style="max-width:100%;">TEXT GOES HERE</textarea>

我将列数设置为比大屏幕上的div宽度稍大，并且随着屏幕变小，它会响应屏幕大小。

Answer 6

您可以执行以下操作：

div textarea {
  box-sizing: border-box;
  max-width: 50%;
}

<div>
  <textarea cols="100" rows="7"></textarea>
</div>

同时设置max-width和box-sizing可以确保textarea遵守其定义的宽度，即使cols的数量超过设置的max-width。