'移动端'

  1. 产品形态
    • pc和移动端(手机丶ipad)公用一套html结构,例如:猎豹 华为
    • . pc和移动端分离开 www.ifeng.com i.ifeng.com i/m 移动端地址
  2. 响应式布局的思想
    • 流式布局 + px + 媒体查询
    • 流式布局 +rem(font size of root element)
    • flexbox弹性布局
  3. 设计稿的尺寸
    • PC:宽屏和窄屏
    • 移动端
      1. iphone5 640*1136 单屏 >1136 多屏
      2. iphone6 750*1334 单屏 >1334 多屏
      3. 6p 1242*2208 单屏 >2208多屏
  4. rem(font size of root element)
    html->fontSize = 设备的尺寸/设计稿*100 + ‘px’; 得到的结果会一直动态变化