java - 根据字体大小设置 <div> 高度？

Question

我有一个在 WebView 中显示单个 HTML 文件的 Java 应用程序。

以下 CSS 片段用于设置 <div> 的样式在该网页中:

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

但是<div>内的文字字体大小可由应用程序用户调整，因此我需要一种方法来缩放 div 相对于字体大小的高度。使用较大的字体，<div>高度保持不变，文本与底部边框重叠。

有没有办法使用纯 CSS？

Answer 1

以 em 而非像素为单位指定高度。然后，随着字体大小的变化，高度会自动变化。

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