less+rem+媒体查询布局(主流)

本文主要是介绍less+rem+媒体查询布局(主流)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一.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+媒体查询布局(主流)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---