Responsive Textarea

Question

こんにちは、私は私のテキストエリアを反応的にしようとしています。しかし、私はそれをどうするか本当に考えていない。私はwidth 100%とmax-width 600pxでそれを試しました。私のコンテナの幅も600pxです。 width 100%の場合、テキストエリアは小さくなり、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ピクセルにします。フロートを取り外します。 このフィドルをチェックしてください。

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