使用 CSS 根据可用空间自动调整 Textarea 的大小

Question

我正在开发一个使用 Bootstrap 进行视图布局的 ASP.NET MVC 应用程序。我们支持的主要浏览器是 IE 10+。我有一些使用多行文本区域的数据字段。我正在尝试实现一个简单的行为；我想为 Textareas 提供一定的最大宽度（比如 700 像素，即使窗口更宽），但是对于小窗口尺寸，宽度会减小。

我在我的 Site.css 文件中为他们设置了一个特殊的类。但似乎我可以让 Textareas 使用完整的 700px 宽度的唯一方法是使用 CSS width 属性。但是当使用宽度时，宽度不会因窗口尺寸变窄而减小。如果我使用最大宽度，即使对于大窗口，初始大小也会更小。就没有办法达到我想要的效果吗？

Answer 1

我最终使用了 70% 的宽度（而不是 700 像素）。这给了我想要的尺寸和更大的屏幕。然后，我输入了 300px 的最小宽度值，以便在较小的屏幕上（接近）100%。