搜尋

首頁  >  問答  >  主體

前端 - 使用css3 rem设置百分比出现的问题?

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

如果html{font-size:62.5%}(1rem=10px)
那么p{font-size:2rem;line-height:2rem}
浏览器实际的长度为p{font-size:20px;line-height:24px}
而且@media 改变font-size百分比,font-size会跟着改变而line-height的实际大小(px)不会改变。
如果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会跟着改变,line-height的大小也会跟着改变。

为什么百分比和实际像素会出现这样的差别?

迷茫迷茫2768 天前449

全部回覆(1)我來回復

  • PHP中文网

    PHP中文网2017-04-17 11:31:59

    之前看到的一篇關於line-height的很詳細的文章,希望可以幫到你http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html

    回覆
    0
  • 取消回覆