Responsive Textarea

Question

안녕 얘들 아, 나는 텍스트 영역을 반응 적으로 만들려고 노력하고있다. 그러나 나는 그것을 실제로하는 방법을 정말로 모른다. 나는 width 100%과 max-width 600px으로 시도했다. 내 컨테이너의 너비는 600px입니다. width 100%을 사용하면 텍스트 영역이 작아지고 600px의 컨테이너도 생성됩니다. max-width 600px으로 상자가 극단적으로 작아집니다. 이 내 코드입니다 : 600 픽셀로 컨테이너에

<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

만들기 최대 폭; 부유물을 제거하십시오. 이 바이올린을 확인하십시오. left`와`폭 : 100 %`

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