rem布局

1..移动端布局
 
    dpr 设备像素比
 
    dpr = 物理像素 / 逻辑像素
 
    物理像素:设计图的宽或者高
    逻辑像素:开发者代码中写的宽,高
 
设计图:750px /640px      dpr=2
 
 
2.rem是相对于根元素的字体大小的单位,能等比例适配所有的屏幕,根据html的字体的大小来控制rem的大小
 
如果设计图为 640px
根元素font-size=31.25vw 相当于100px,相当于 1rem
 
如果设计图为750px
根元素font-size=26.67vw 相当于100px,相当于 1rem
 
一般,我们要在公共样式中根据设计图的大小,设置根元素字体的大小,单位为vm,
如果设计图为640px,html{font-size:31.25vw}
如果设计图为750px,html{font-size:26.67vw}
 
然后,我们量取得px/2/100即:物理像素/2/100
 
 
 
 
 
 
 

 

上一篇:Android 常用的性能分析工具详解:GPU呈现模式, TraceView, Systrace, HirearchyViewer(转)


下一篇:海思AI芯片(HI35xx):tensorflow转caffemodel之numpy版本问题