app
Native App 原生app
java 安卓
oc ios
优势：性能高，可以调用底层功能
劣势：不能跨平台，做少要俩个团队，开发周期长，维护难，开发成本高
Web App
移动端页面，抱一个壳子变成app
优势：可以跨平台，一个人搞定，开发周期短，维护简单，开发成本低
劣势：性能相对比原生差，调用不了底层功能
Hybird App
混合app
移动端页面
移动端和pc有区别吗？没有区别，pc怎么写，移动端怎么写，只是尺寸不同
pc 浏览器只键的兼容
移动端 各种设备尺寸的兼容
设计图
一本都是2倍图
测试
1.Chrome浏览器自带模拟器
2.真机测试
移动端的设置
需要设置视口 viewport
页面尺寸，初始分辨率，能否缩放，最大缩放，最小缩放
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
移动端的布局
定宽，百分比，弹性，rem，响应式
弹性
box-sizing：border-box；计算：calc （20% - 2px）
弹性盒子flex-box，开启弹性给父级加display：-flex；，子级默认分配flex：系数
flex
flex-方向：flex-direction：row|row-reverse|colum|column-reverse
flex-换行：flex-wrap：nowrap|wrap|wrap-reverse
justify-水平排列：justify-content：center|flex-start|flex-end|space-around|space-between
align-垂直排列：align-items：center|flex-start|flex-end|baseline
rem
单位，跟字体大小 html的字体大小基准
rem/基准宽度=新rem/新宽度
? = 基准rem/基准宽度*新宽度
