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%; 
}