텍스트 영역 높이 : 100 %

텍스트 영역 높이 : 100 %

---

여기 내 바이올린이 있습니다 : http://jsfiddle.net/e6kCH/15/

어리석게 들릴지 모르지만 텍스트 영역 높이를 100 %로 만드는 방법을 찾을 수 없습니다. 너비에는 작동하지만 높이에는 작동하지 않습니다.

창 크기에 따라 텍스트 영역의 크기를 조정하고 싶습니다 ... 폭에 대해 바이올린에서 작동하는 것처럼 ...

어떤 아이디어?

---

요소의 높이는 부모를 기준으로합니다. 따라서 요소를 뷰포트의 전체 높이로 확장하려면 html및 body(부모 요소)에도 CSS를 적용해야합니다 .

html, body {
    height: 100%;
}

#textbox {
    width: 100%;
    height: 100%;
}

CSS3를 사용한 대체 솔루션 : CSS3 를 사용할 수 있다면 뷰포트 백분율 단위를 사용 하고 텍스트 상자를 뷰포트의 100 % 높이 (및 100 % 너비)로 직접 조정할 수 있습니다 (여기에서는 jsfiddle).

body {
    margin: 0;
}
#textbox {
    width: 100vw;
    height: 100vh;
}

참고 URL : https://stackoverflow.com/questions/11089540/textarea-height-100