极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
line-height:16px;
font-size:16px;
margin:0;
padding:0;
}
/* p{
line-height:0.58em;
font-size:16px;
margin:0;
padding:0;
} */
</style>
</head>
<body>
<p>xxxx</p>
<p>xxxx</p>
</body>
</html>为什么字体的高度和line-height设置为0.58em时候的高度差不多，而不是和line-height设置为16px一样高？font-size的16px的字体大小是指什么的大小？
图一（line-height:16px font-size:16px)
图二（line-height:0.58em font-size:16px)
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。浏览器的16px，值得就是屏幕上的16px，px也是一个相对值，跟物理像素并不一定一一对应。