HTML Textarea没有响应

Question

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

<textarea></textarea>

Answer 1

设置元件上的最大宽度。

textarea { 
 
    max-width: 100%; 
 
}

<textarea></textarea>

Answer 2

尝试textarea {max-width:95%;} - 它总是会适合你的显示器。

Answer 3

您可以通过以下方式禁用文本区域调整大小： textarea { resize：none; } 并将最大宽度设置为容器div或表的宽度

Answer 4

您需要更改它的默认设置box-sizing。

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

    width: 100%; 
}