如何制作适合当前视口宽度的 <textarea> ？

Question

我怎样才能使我的 <textarea> 不超过小显示器的边界？我希望我的 <textarea> 获得当前显示的宽度。

 <textarea></textarea>

原文由 SebastianHannes 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要将其默认值 box-sizing 更改为不同的值。

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

    width: 100%;
}

原文由 Abensur 发布，翻译遵循 CC BY-SA 4.0 许可协议