移动端

app

  Native App    原生app
  java 安卓
  oc    ios
  优势：性能高，可以调用底层功能
  劣势：不能跨平台，做少要俩个团队，开发周期长，维护难，开发成本高

Web App

  移动端页面，抱一个壳子变成app
  优势：可以跨平台，一个人搞定，开发周期短，维护简单，开发成本低
  劣势：性能相对比原生差，调用不了底层功能

Hybird App

  混合app

移动端页面

  移动端和pc有区别吗？没有区别，pc怎么写，移动端怎么写，只是尺寸不同
  pc 浏览器只键的兼容
  移动端  各种设备尺寸的兼容

设计图

  一本都是2倍图

测试

  1.Chrome浏览器自带模拟器
  2.真机测试

移动端的设置

  需要设置视口 viewport
   页面尺寸，初始分辨率，能否缩放，最大缩放，最小缩放
  

移动端的布局

  定宽，百分比，弹性，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/基准宽度*新宽度