响应式布局

1. Css3 - Media Query  +  JavaScript

（1）device -width             device - height  ——屏幕宽高【物理】

（2）width             height  ——渲染窗口宽高

（3）resolution           ——设备分辨率

（4）orientation         ——设备方向

  @media screen and ......

2.Bootstrap

<1>移动优先的前端框架

<2>多终端页面适配，少代码

Grid system  栅格系统   *