                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

匹配20px，宋体font-size等于内容区域高度

为什么我用chrome设置字体大小是14px，line-height：1.4286，chrome里看到的高度是37px呢？而且我试的宋体和微软雅黑在chrome里的内容区域高度是一样的并不是font-size，在火狐里虽然换了个数，但宋体和微软雅黑的内容区域高度还是一样的，求解答= =

Ivana

2017-12-25

源自：CSS深入理解之line-height 4-1

关注问题我要回答

1767

操作

收起

1 回答

就只是小茗
2018-01-05

上代码吧，我测试了没有这种问题啊。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>testDocument</title>
</head>
<body>
    <div style="border:1px solid #0000ff;padding:0px">
        <p style="background-color: red;font-family: simsun;font-size: 14px;line-height: 1.4286;">X123</p>
    </div>
</body>
</html>