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.方案
- 六.方案一
- .方案1总结
- 七.方案2(js)
- 1.简介
- 2.引入js
- 3.插件
一.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.方案

六.方案一
一般以750为准


.方案1总结


七.方案2(js)
需要一个插件cssrem,把px转化为rem.
需要一个js代码并用script引入.
1.简介

2.引入js

3.插件
