无法在 Chrome 和 Opera 中减小文本区域的大小答案

【问题标题】：Can't reduce size of textarea in Chrome and Opera无法在 Chrome 和 Opera 中减小文本区域的大小
【发布时间】：2013-09-25 09:26:04
【问题描述】：

虽然我没有指定最小宽度和高度，但我无法使用鼠标减小文本区域的大小。在 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;
}

【问题讨论】：

当您的问题已经被问到时，您不应该重复发布，而是尝试改进现有问题的答案。我们不希望有相同问题的副本，但有不同的答案。
Can't reduce size of resizable textarea in Chrome的可能重复

标签： html css google-chrome textarea opera

【解决方案1】：

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

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

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

编辑：

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

【讨论】：