Question

虽然我没有指定最小宽度和高度，但我无法使用鼠标缩小textarea的大小。在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中的min-height。

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

编辑：

您可以看到 Firefox 与此小提琴中的 Chrome 相同。设计btw的高度是有风险的。无限制的大小调整总是打破设计。所以限制高度和宽度是不错的选择。

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

1 个答案: