                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /HTML5+CSS3实现春节贺卡

font-size rem怎么来的

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

SMG2

2016-02-04

源自：HTML5+CSS3实现春节贺卡 3-5

关注问题我要回答

2287

操作

收起

2 回答

李晓健
2016-02-16

我的理解是这样

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

2 回复有任何疑惑可以回复我~

收起回答

念念熙
2016-02-04

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