纹理高度: 100%

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

这可能听起来很愚蠢，但我不能找到一种方法使文本区域高度等于100% 。它适用于宽度，但不适用于高度。

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

有什么想法吗？

85797 次浏览
小开
最佳答案

元素的高度是相对于其父元素的。因此，如果你想把你的元素扩展到 viewport 的整个高度，你需要把你的 CSS 应用到 html和 body(父元素) :

html, body {
height: 100%;
}


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

CSS3 的替代解决方案: 如果你可以使用 CSS3，你可以使用 视口百分比单位并直接将你的文本框缩放到视区的100% 高度(和100% 宽度) < a href = “ http://jsfiddle.net/A22SF/”rel = “ noReferrer”> (jsfiddle here)

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

提交答案