本文主要是介绍less+rem+媒体查询布局(主流)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
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.插件
这篇关于less+rem+媒体查询布局(主流)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
