                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

匹配20px，宋體font-size等于內(nèi)容區(qū)域高度

為什么我用chrome設置字體大小是14px，line-height：1.4286，chrome里看到的高度是37px呢？而且我試的宋體和微軟雅黑在chrome里的內(nèi)容區(qū)域高度是一樣的并不是font-size，在火狐里雖然換了個數(shù)，但宋體和微軟雅黑的內(nèi)容區(qū)域高度還是一樣的，求解答= =

Ivana

2017-12-25

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

關(guān)注問題我要回答

1881

操作

收起

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>