html - 无法减小 Chrome 和 Opera 中文本区域的大小

Question

虽然我没有指定最小宽度和高度，但我无法使用鼠标减小文本区域的大小。在 Firefox 中一切正常。这个问题在这里被问到:Can't reduce size of resizable textarea in Chrome , 但我找不到合适的答案，也许有人可以帮助我。

这是我的标记:

<textarea id="textarea" name="textarea"></textarea>

和 CSS:

textarea{
    width: 90%;
    height: 400px;
    border: 2px dashed black;
    border-radius: 12px;
    background-color: transparent;
    font-family: Purisa;
    font-size: 23px;
    padding: 5px;
    margin: 20px auto auto auto;
    outline: none;
    border-color: black;
}

Answer 1

Google Chrome 有某种限制 可以正确地向用户显示内容。因此，他们在 <textarea> 上编辑了调整大小 的默认操作。 .在旧版本的 chrome 中没有限制。

所以如果你使用 height min-height将是你的高度。所以你需要设置 min-height和 max-height只要。 Height覆盖 Chrome 中的最小高度。

这是一个简单的 fiddle :http://jsfiddle.net/gAr72/1/

编辑:

您可以看到 Firefox 在这个 fiddle 中将与 Chrome 一样工作。顺便说一句，高度对于设计来说是有风险的。无限调整大小总是会破坏设计。所以限制高度和宽度是一个不错的选择。