无法减少Chrome和Opera中textarea的大小

Question

虽然我没有指定最小宽度和高度,但我无法使用鼠标缩小textarea的大小.在Firefox中一切都很好.这个问题在这里被问到:无法减少Chrome中可调整大小的textarea的大小,但我找不到合适的答案,也许有人可以帮助我.

这是我的标记:

<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 中的最小高度。

这是一个简单的小提琴： http: //jsfiddle.net/gAr72/1/

编辑：

您可以在这个小提琴中看到Firefox 的工作方式与Chrome相同。顺便说一句，高度对于设计来说是有风险的。无限制地调整大小总是会破坏设计。因此限制高度和宽度是一个不错的选择。