移动端开发的步骤
第⼀步:拿到多⼤的设计稿,将root font size 改成 :设计稿的⼤⼩/10
第⼆步:引⼊flexable.js ,动态的去修改html的字体⼤⼩
第三步:正常根据设计稿的⼤⼩去开发,将所有的px值换算为rem的值
⽤vw去开发
1、看设计稿是多⼤,⾃定义1rem=100px, 然后1px=xxxvw, 将html{font-size:xxxvw}
2、去更改root font size ,更改1rem=100px
3、正常将px值写成rem
总结: 都是⼀个绝对值为参考值 flexable.js是以设备独⽴像素为绝对值,去算rem的值 vw是设备的视⼝的宽度为绝对值,去算rem的值 最终都是把设计稿中的px换算成rem