rem 是一个相对单位
基准与 html元素的字体大小 例 html font-size =14px width:10rem ,盒子0大小就为140px
rem适配方案
页面元素的rem值=页面元素值(px)/(屏幕宽度/划分的份数)
屏幕宽度/划分的份数=html font-size的大小
页面元素的rem值=页面元素值(px)/html font-size的大小
Less变量 @变量名:值;
变量名命名规范
1.必须以@开头
2.不能包含特殊字符
3.不能以数字开头
4.大小写敏感
Less编译
安装vocode Less插件 保存后自动生成CSS文件
Less计算
乘号 * 除号 /
注意事项:
运算符中间左右有个空格隔开 例 1px + 5
对于两个不同的单位的值之间的运算,运算结果的值取第一个值的单位
如果两个值之间只有一个单位 则运算结果就取该单位