移动端适配-rem适配-vw/vh适配-less学习

• rem适配
• vw/vh适配
• less学习

rem适配

每个设备都有一套自己合适的属性，每个屏幕大小不一样，屏幕下的文字和缩放比也都不一样。

rem为现在的解决方案，vw和vh是未来的解决方案

rem布局，是宽高都要除以37.5，等于对应的rem值   // 但是需要配合淘宝移动端适配js来使用  

vw/vh适配

vw是把屏幕分成100份，每份为3.75vw

然后用盒子的大小除以3.75即可（盒子的大小宽高 / 3.75vw）

注意点，vw和vh不能相互混合使用

less学习

less是一个预处理器，less的后缀是.less

扩充了css语言，使css语言具有一定的逻辑性，计算能力。

浏览器不能识别less代码，网页要引入对应的css文件。

less的作用：1，可以用来运算；2，可以赋值，用来作为全局变量。3，可以父子级盒子进行嵌套

less嵌套体验：

父盒子{

子盒子{

孙子级盒子{} } }

less变量体验：

@变量名：定义的数值（颜色，数量等）

注意点：定义了一个变量，别的变量也可以调用这个变量

less算法：

可以使用 + - * /     注意点，除法运算的时候需要加括号（n / n）或者./不推荐

导出：

//out ' ./css '   //必须写在第一行

禁止导出：

//out:flase    //必须写在第一行