rem适配布局
- 一.rem基础
- 二.媒体查询
- 1.概念
- 2.语法
- (1).mediatype查询类型
- (2).关键字
- (3).媒体特性
- (4).应用
- 3.媒体查询+rem实现元素动态大小变化
- 4.引入资源(针对不同媒体查询用不同的css)
- 三.less基础
- 1.css弊端
- 2.less介绍(css扩展语言)
- 3.less的使用
- (1)less变量
- (2)less编译(编译后用link引入)
- (3)less嵌套
- (4)less运算(+-*/)
- 四.rem适配方案
- 1.概念
- 2.方案
- 3.方案1
- 4.方案1总结
一.rem基础
二.媒体查询
1.概念
2.语法
(1).mediatype查询类型
(2).关键字
(3).媒体特性
(4).应用
3.媒体查询+rem实现元素动态大小变化
例子
4.引入资源(针对不同媒体查询用不同的css)
style640.css
style.320css
三.less基础
1.css弊端
2.less介绍(css扩展语言)
3.less的使用
(1)less变量
(2)less编译(编译后用link引入)
(3)less嵌套
子类
自身/伪类
(4)less运算(±*/)
四.rem适配方案
1.概念
2.方案
3.方案1
一般以750为准
4.方案1总结