(9月14日学习笔记)移动端适配布局

移动端相关知识

rem介绍

rem（font of the root ）相对于根元素子字体大小的单位
作用：可以实现屏幕适配
rem是css3新增的单位

rem的使用

相对于根元素字体大小的单位，使用它必须参照html（font-size）
如html（font-size：20px）  1renm-20px  默认情况1rem=16px
rem最大的好处就是根据html字体大小改变本身     动态的变化

适配方案

第一种：使用js来实现，直接使用script标记把需要的js文件引入，js文件里面有一个括号（750，750）二倍图，值的设置，根据设计稿来设置 

vw视窗宽度，---浏览器宽度或者移动设备屏幕的宽度
100vw相当于100%，把浏览器的可视区域进行划分，划分了100份
vw的作用：可以根据窗口大小进行动态改变

第二种
vw的使用：
把px转换成vw有一个公式 vw=当前量出来的尺寸（px）*100/设计稿的宽度
根据公式计算
vw可以动态改变
vw适配方案
设计稿宽度750px=100vw，vw根据设计稿宽度可以改变
根元素字体大小是100px
750px=100vw  1px等于多少vw？1px=0.133333vw
100px = 0.133333*100=13.3333；