Html文本框高度百分比

Question

我正在使用Sencha Touch创建一个html5移动应用程序。

我想以屏幕大小的百分比来指定文本框的高度。我知道百分比是根据其父容器的大小计算的。如果我在css中指定高度为x％，则高度将不同对于基于其位置的不同文本框，如果将其放置在高度为y％

的div内，则高度将很小

我还检查了“em”，但所有设备的默认字体大小为16px

请建议解决方案（使用媒体查询除外）

此致

丹尼

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%;" />

它将同时更改文本框和字体大小