6

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

1 回答 1

4

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

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

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

编辑：

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

于 2013-09-25T09:32:24.003 回答