amfe / article

7.59k stars 1.07k forks source link

关于font-size和line-height的问题 #46

Closed flyer153 closed 8 years ago

flyer153 commented 8 years ago

有一个问题,我在iphone4和5的html中data-dpr为2时,font-size: 64px; 在iphone6的html中data-dpr为2,font-size: 75px; 在iphone6p的html中data-dpr为3,font-size: 124.5px;

我发现font-size用px的话,会有问题,在各手机下会出现字体大小不一样的情况,而字体用rem就没问题。

看到说推荐字体用px,为什么要用px呢?我表示不解。 另外如果字体用px,line-height怎么用呢?我现在字体用px的话line-height用的是rem。

airen commented 8 years ago

对于line-height而言,不管在何处,都不建议给line-height的值添加显式的单位,个人更建议这样的使用方式:

body {
        line-height: 1.625;
}

而不使用

body {
       line-height: 28px;
      /*或者*/
      line-height: 1em;
     /*或者*/
      line-height: 1rem; 
}