rem适配布局 Less基础 插件 cssrem

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

对于两个不同的单位的值之间的运算，运算结果的值取第一个值的单位

如果两个值之间只有一个单位  则运算结果就取该单位