問題描述

demo 在這 http://jsbin.com/woquxuhoko/2/edit?html,css,output

如果html{font-size:62.5%}(1rem=10px)那么p{font-size:2rem;line-height:2rem}瀏覽器實(shí)際的長(zhǎng)度為p{font-size:20px;line-height:24px}而且@media 改變font-size百分比,font-size會(huì)跟著改變而line-height的實(shí)際大小（px）不會(huì)改變。如果html{font-size:20px}(1rem=20px)那么p{font-size:1rem;line-height:1rem}p{font-size:20px;line-height:20px}而且@media 改變font-size像素大小,font-size會(huì)跟著改變,line-height的大小也會(huì)跟著改變。

為什么百分比和實(shí)際像素會(huì)出現(xiàn)這樣的差別？

問題解答

之前看到的一篇關(guān)于line-height的很詳細(xì)的文章，希望可以幫到你http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html