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