好久没写移动端的了，连rem怎么计算的都忘记惹。还是记录下吧。
1. 定义
-相对长度单位，相对于根元素（html元素）font-size计算值的倍数
2. 使用
- 这里要配合mete的width来使用
- 说明：
- 以iphone6的750*1334设计图为例，clientWidth为375px，这里的font-size经计算后为50px，即1rem = 50px(设备的逻辑像素);
- 在mete中设置content=" width = device-width" 就限制了页面的宽度为设备的逻辑像素宽度375px
- 原图750宽，在手机中显示为375宽，即原图中的1px是手机中的1px的两倍（这两个px各自相对于PC端和移动端，大小不一样），所以如果原图中100px（物理像素）宽，到手机里显示为50px（逻辑像素）宽
- 于是，原图中的100px(物理像素) = 50px(逻辑像素）=1rem
网友评论