一.rem基础
em相对于父元素来说的,相对于父元素的字体来说的
而rem是相对HTML网页元素字体大小来说的
rem优势可以通过改变html文字大小来改变页面元素大小(可以整体控制)
二.媒体查询
根据不同的屏幕尺寸改变不同的样式
1.语法规范
1.媒体类型
2.关键字
3.媒体特性
数字后面必须跟单位
2.媒体查询和rem结合
可以实现文字和盒子随着屏幕大小变化
3.引入资源
在不同的条件,可以引入不同的CSS
先导入CSS,后写条件
媒体查询最好方法,从小到大
三,less基础
1.CSS弊端
2.less
less是CSS的预处理语言,它扩展了CSS的动态特性
1.less书写
后缀是.less
2.less变量
区分大小写
上面定义下面使用
3,less编译
通过插件来实现
4.less嵌套
5.less运算
运算符左右两边必须敲空格,
运算时只有一个有单位,则以有单位的那个为结果的最后单位
做除法运算,要在外面加上括号才可以进行运算
运算时有两个单位,以第一个单位为准
四,rem的适配方案
1.适配方案一
rem+媒体查询+less技术
1.常见尺寸
2.适配方案二
flexible.js+rem