                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

关于对rem的理解，这样对不对？

纠结了n久，终于明白了【docEl.style.fontSize = 12* (docEl.clientWidth / 320) + 'px'】想表达什么意思，就是说手机屏幕320px下font-size以12px作为根元素的标准大小，其他的不一样屏幕宽度则以相对比例进行缩放，所以调试页面的时候，就要在宽度320，并设置字体大小为12px，这种情况下画出来的页面什么样子，然后在其他不同尺寸的屏幕上、或者横竖屏显示的页面就是什么样子了（不同尺寸缩放）。

roastwind

2016-01-19

源自：H5+JS+CSS3 实现圣诞情缘 3-1

关注问题我要回答

1711

操作

收起

2 回答

roastwind 提问者
2016-01-19

这里的12只是拿来打个比方了，不知道是不是屏幕320里面根元素的font-size设为20px，是不是设计师常用的比例稿，这样算的话，demo中的.page中的font-size就是0.3*20=6px的像素了。看了一下前面几个的问题，好像都是在迷惑这同一个问题，这个确实是webapp中挺重要的一个问题了吧。