html текстовое поле высота в процентах

Question

Я создаю мобильное приложение html5, используя Sencha Touch.

Я хочу указать высоту текстового поля в процентах от размера экрана. Я знаю, что процент вычисляется на основе размера его родительского контейнера. Если я определяю высоту как x% в css, высота будет различна для различных текстовых полей, основанных на ее позиции, т.е. высота будет мала, если он находится внутри DIV с высоты у%

Я также проверил «эм», но размер шрифта по умолчанию 16px во всех устройствах

Пожалуйста, предложите решение (кроме использования медиа-запроса)

С уважением

Denny

Answer 1

делают этот

http://jsfiddle.net/Fytmf/1/

CSS

html, body { 
    margin: 0; 
    padding: 0; 
} 
html, body, #mything, #mything textarea { 
    height: 100%; 
} 

HTML

<div id="mything"> 
     <textarea rows="10" cols="40">x</textarea> 
    </div> 

Answer 2

использование

<input type="text" style="font-size: 80%;" /> 

Это изменит как текстовое поле и размер шрифта