移动端适配小方案

做前端开发也有一段时间了，现分享一个移动端适配的小方案；
将根元素html的font-size设置成4vw，也就是4%的视宽，接下来子元素的计算方式为1rem=设计图的大小X4%；
举个栗子：设计师出的psd图是750px，则子元素的1rem为750X4%=30px，如果psd图是320px，则子元素的1rem为320X4%=12.8px，现在就假设给我的设计图是750px的，然后里面有一张图片是300px，那样式文件只要写入宽度为300px/30px=10rem，即img{ width: 10rem }，这样在每个手机上都能适配啦，是不是敲简单！