初识移动端

1.借用media来改变不同尺寸下内容的大小

就是借用@media screen and来定义不同的值

 

需要注意的是 （）里的内容可以写max 也可以min 定义最大值与最小值

最关键的就是 max需要从大往下下 范围   当是min的时候就需要从小往大的范围写 

2.rem与em的区别

rem一般用于移动端

移动端一般有尺寸的地方要用rem

 1rem 默认浏览器字号16px 但会根据 根变化   就是html的变化而变化

em 会随着父级影响

3.安卓和苹果

 

 安卓是dp与px之间的关系

 4.盒子模型的回忆

标准盒子模型  大小等于内容+padding+boder

怪异盒子模型  （box-sizing： 默认 content-box 标准内容盒  boder-box就是怪异盒子）

区别就是怪异盒子模型 width height就是盒子大小