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

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

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

我将列数设置为略大于大屏幕上 div 的宽度，并且当屏幕变小时，它会根据屏幕尺寸进行响应。

Answer 3

在元素上设置最大宽度。

textarea {
  max-width: 100%;
}

<textarea></textarea>

Answer 4

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