Здесь моя скрипка: http://jsfiddle.net/e6kCH/15/
Это может показаться глупым, но я не могу найти способ сделать высоту текстовой области равной 100%. Он работает для ширины, но не для высоты.
Я хочу, чтобы область текста изменялась в зависимости от размера окна... как это работает в моей скрипке для ширины...
Любые идеи?
Высота элемента относительно его родителя. Таким образом, если вы хотите развернуть свой элемент на всю высоту окна просмотра, вам нужно применить свой CSS к html и body (родительские элементы):
html, body {
height: 100%;
}
#textbox {
width: 100%;
height: 100%;
}
Альтернативное решение с CSS3. Если вы можете использовать CSS3, вы можете использовать единицы измерения видовых экранов и напрямую масштабировать свои textbox до 100% высоты (и 100% ширины) окна просмотра (здесь jsfiddle)
body {
margin: 0;
}
#textbox {
width: 100vw;
height: 100vh;
}
Вы можете сделать это:
#textbox {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}