回应Textarea

Question

大家好，我想让我的textarea做出回应。但我真的不知道该怎么做。我用width 100%和max-width 600px试了一下。我的容器也有600px的宽度。使用width 100%，textarea变小，然后容器也变为600px。使用max-width 600px时，框会变得非常小。 这是我的代码：

<div class="container contact">
<textarea class="inputmessage"></textarea>
</div>
.inputmessage{
    float: left;
    border: 2px solid black;
    height: 150px;
    width: 600px;
}
.container{
    text-align: center;
    margin: auto;
}

.contact{
    width: 600px !Important;
}

Answer 1

将容器上的最大宽度设为600 px;删除浮动。 检查这个小提琴。

.inputmessage{
    border: 2px solid black;
    height: 150px;
    width: 100%;
}
.container{
    text-align: center;
    margin: auto;
}

.contact{
    width: 100%!Important;
    max-width:600px;
}

https://jsfiddle.net/Lx89qtte/