2022-04-07

移动适配

使用rem单位设置网页元素的尺寸
屏幕宽度不同,网页元素尺寸不同(等比缩放)
特点:
Ø px单位是绝对单位
Ø 百分比布局特点宽度自适应,高度固定

以视口宽度为375px为例
1html 根字号 37.5px = 视口宽度的 1/10


根字号.png

利用rem+flexible画等比缩放盒子

rem缩放使用.png

Less语法

使用Less语法快速编译生成CSS代码

注释

注释.png

计算

计算.png

嵌套写法

嵌套1.png
嵌套2.png
嵌套3.png
嵌套4.png

变量

变量.png

导入

导入.png

导出

// out: ../css/

/*
注意点:
1.路径如果表示文件夹,最后一定要有/
2.属于less配置信息,一定要写在第一行,如果写在第二行,那么第一行不能再写任何内容
*/

禁止导出

//out: false

压缩导出

// compress:true,out:../css2/
/*
节约成本,让网页渲染的更快
如果多个配置一起写,配置与配置之间以英文逗号隔开
*/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容