修复可调整大小的文本区域中的最大高度

Question

我想修复可调整大小的文本区域的最大高度和最大宽度。

textarea {
  width:70%;
  max-width:70%;
  height: 40%;
  max-height:60%;
  }

<textarea></textarea>

最大宽度是固定的，但高度不是！如何使用 css 解决这个问题？

Answer 1

你调整了 textarea 的主尺寸 div 了吗？

您可以在这里找到解决方案：

body {
  background:#ddd;
  margin:0;
  padding:0;
}
.getDiv {
  height:200px;
  width:400px;
  background:red;
}
textarea {
  height:25%; /* 50px */
  width:25%; /* 100px */
  max-height:50%; /* 100px */
  max-width:50%; /* 200px */
  }

<body>
 <div class="getDiv">
    <textarea></textarea>
  </div>
</body>

Answer 2

这会将可调整大小的文本区域的最大宽度固定为 500 像素，将最大高度固定为 100 像素。相应地更改 max-width 和 max-height 的值。

textarea {
  width: 100%;
  max-width:500px;
  height: 100%;
  max-height:100px;
}

<textarea></textarea>

修复可调整大小的文本区域中的最大高度

Fixing the max-height in resizable textarea

html

css

textarea