font-size rem怎么来的

来源:3-5 移动端项目开发--表示层(page1)

SMG2

2016-02-04 12:14

问下font-size 的rem数值怎么换算的

写回答 关注

2回答

  • 李晓健
    2016-02-16 15:24:43

    我的理解是这样

    font-size: 1.5625vw;是怎么回事呢?这个1.5625 = (10/640)*100 ,这个10是怎么来的呢,为了开发方便大家都喜欢把根字体设为10px,因为这样的话1rem就等于10px,而我们在量设计图时得到的单位是px,所以我们在转成rem时直接除以10就可以,计算非常方便。这个640是一般的设计图都是640px宽的,这个值可以根据设计图的实际大小来调整。为什么要乘以100呢,因为要换算到vm的单位。

  • 念念熙
    2016-02-04 17:44:19

    我的个人理解是,在设置全局样式的时候,font-size: 1.5625vw; 是根据10px来换算的,在设置灯笼字体的时候,老师说这个是通过ps量出来的,大概就是量出来的像素是35.06px,在移动端中字体使用rem作为单位,字体像素(px)/根目录字体像素(px)= 换算出来的字体大小(rem),即通过ps量出来的字体大小是35.06px,通过换算得到3.506rem……如果我的答案是错的,希望能有前辈出来指点一下,谢谢~

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110036 学习 · 450 问题

查看课程

相似问题