Html 文本框高度百分比答案

【问题标题】：Html text box height in percentageHtml 文本框高度百分比
【发布时间】：2013-08-08 19:24:46
【问题描述】：

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

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

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

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

问候

丹尼

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

使用

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

它会同时改变文本框和字体大小

【讨论】：