移动web第五天-移动适配-less-媒体查询-rem适配

rem

定义:1.相对单位
2.rem单位是相对于html标签的字号计算大小
3.1rem = 1html字号大小

1.1 rem移动适配 html标签的字号为视口宽度的1/10

媒体查询

1.2 rem适配原理

rem求值原理

重点:flexible.js为手淘开发的一套适配移动端的方案

核心原理是根据不同的视口宽度给网页html根节点添加font-size

less

less:是一款css预处理器

1.1 less语法

less注释

注释

less加减乘除

加减乘除

less嵌套

less嵌套

设置变量存值 @变量名: 变量值;

设置变量存值

引入less文件 @import: ‘文件路径’;

引入

导出less文件 //out: 路径;

导出语法

禁止导出 //out: false;

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