响应式布局

什么是响应式布局
让一个网站可兼容不同分辨率的设备
移动互联网催生了响应式布局的诞生

如何实现响应式布局

1、CSS-midia query

2、借助原生JS
成本高，不推荐使用

3、第三方开源框架
可以很好的支持浏览器响应式布局的设计

CSS-midia query
常见的属性：
device-width,device-height---屏幕宽高
width,height --渲染窗口宽高
orientation-- 设备方向
resolution-- 设备分辨率

Bootstrap 移动优先的前端框架
写非常少的代码，即可实现多终端的页面适配

栅格系统，即为列布局