less+rem+媒体查询布局(主流)
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.插件
原文地址:https://blog.csdn.net/ldd_eb/article/details/137601481
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!