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

Question

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

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

Answer 1

我最终使用的宽度百分比为 70%(而不是 700 像素)。这给了我想要的大屏幕尺寸。然后，我输入 300 像素的最小宽度值，以便在较小的屏幕上(接近)100%。