媒体查询+scss+flex布局移动端开发

rem适配方案

1.让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。

2.使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配。

技术方案：scss+rem+媒体查询

首先，我们设置再不同屏幕尺寸下 html字体的大小。$no: 15;
为其建立单独的scss文件存储。

// 我们此次定义的划分的份数 为 15
$no: 15;
// 设置常见的屏幕尺寸 修改里面的html文字大小
// 320
@media screen and (min-width: 320px) {
   
    html {
   
        font-size: 320px / $no;
    }
}
// 360
@media screen and (min-width: 360px) {
   
    html {
   
        font-size: 360px / $no;
    }
}
// 375 iphone 678
@media screen and (min-width: 375px) {
   
    html {
   
        font