Textarea高度:100%

Question

这是我的小提琴:http://jsfiddle.net/e6kCH/15/

这可能听起来很愚蠢,但我找不到让文本区域高度等于100%的方法.它适用于宽度,但不适用于高度.

我希望文本区域根据窗口大小调整大小...就像它在我的小提琴中工作的宽度...

有任何想法吗？

Answer 1

元素的高度相对于其父元素.因此,如果你想扩大你的元素到视口中的整个高度,你需要你的CSS适用于html和body以及(父元素):

html, body {
    height: 100%;
}

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

使用CSS3的替代解决方案:如果您可以使用CSS3,您可以使用视口百分比单位并直接将文本框缩放到视口的 100%高度(和100%宽度)(此处为jsfiddle)

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