Java 设置<；部门>；基于字体大小的高度？

我有一个Java应用程序，它在WebView中显示一个HTML文件

以下CSS片段用于设置该网页中

的样式：

.header {
    margin: auto;
    background-color: #0479ccff;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    height: 20px;
}

但是，应用程序用户可以调整

中文本的字体大小，因此我需要有一种方法来缩放div相对于字体大小的高度。对于较大的字体，

高度保持不变，文本与底部边框重叠

---

有没有办法使用纯CSS？

当然可以。如果去掉高度，则div的高度应随文本而变化

这样做：

.header {
margin: auto;
background-color: #0479ccff;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}

---

身高：20px会阻止你的div增长。尝试使用min height代替height

.header {
    margin: auto;
    background-color: #0479cc;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    min-height: 20px;
    overflow:hidden;
}

这将使高度保持至少20px，同时允许div增长以适应字体大小的增加

---

示例演示

添加演示以增加/减少字体大小，使用JavaScript更改.header字体大小。看起来您可以单击RunSnippet来查看演示

var gFontSize=16；
$（文档）.ready（函数（）{
$（'#grow'）。单击（函数（）{
$（“.header”）.css（“字体大小”++gFontSize）；
});
$（“#收缩”）。单击（函数（）{
$（“.header”）.css（“字体大小”--gFontSize）；
});
});
.header{
保证金：自动；
背景色：#0479cc；
字体大小：粗体；
颜色：#FFFFFF；
填充物：5px；
最小高度：20px；
溢出：隐藏；
}

测试
正文
增加字体
减少字体
以
em
而不是像素指定高度。然后，随着字体大小的改变，高度将自动改变

.header {
    margin: auto;
    background-color: #0479ccff;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    height: 1.8em;
}

内容的大小似乎可以决定
.header
的高度。这就是你的意思吗？如果你创建一个帮助演示的。什么类型的元素是
.header
？这与Java有什么关系？是的，它不。。。。确实是标记，但是。我将其标记为Java，因为它使用Java Web引擎（如问题中所述），并且可能其行为与预期不同。不过，这并不随文本扩展。最后我得到了一个非常薄的文本，文本正好在上面。@Zephyr请展示一个该问题的演示。这听起来不像是默认行为。内容是浮动的还是绝对定位的？我也经常使用
em
单位来保持元素的比例，而不管字体大小。然而，在这种情况下，看起来大字体可能比小字体换行更多。这也可能会影响所需的高度，但不会通过使用
em
单位来解决。