关于移动适配问题

rem和em的区别

rem 是一个相对单位，是相对HTML根元素，1rem 就是 html 文字的大小。

em是一个相对单位，相对于当前对象内文本的font-size，如果当前文本的字体尺寸没有设置，则相对于浏览器的默认字体尺寸。

媒体查询的作用

@media (媒体特性) {
    选择器 {
        css属性
    }
}

媒体查询 mediaquery 可以自动检测视口的宽度。

媒体查询一个非常大的作用是：根据屏幕宽度修改html文字大小。

将设计稿px转换成rem

直接使用测量的px值 / 设计稿的基准根（没给默认是37.5） 就是 rem的值

在less里，直接设置一个基准根的变量，方便后续计算（给变量带rem单位，之后直接用数字 / @变量名 ， 以第一个出现的单位为准，所以直接给变量设置单位）

//@变量名: 值;
@baseSize：37.5rem；

less

扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力。

//less嵌套(用 & 来替代父元素)
.father {
    color: red;
        &:hover {
            color: green;
        }
}

//less导入(推荐第一种)
@import './变量.less';
@import url(./变量.less);

//less导出(必须写在第一行)
//out: 路径/文件名

//less禁止导出(必须写在第一行)
//out: false