Responisve 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/