css - Html 文本框高度百分比

Question

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

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

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

请提出解决方案（使用媒体查询除外）

问候

丹尼

Answer 1

use

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

It will change both text box and font size

Answer 2

做这个

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>