移动web开发响应式布局

1. 响应式开发

可以在pc端，移动端 页面端显示。

1.1 响应式开发原理

使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。

1.2 响应式布局容器
响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果。
原理 ： 不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素排列方式和大小，从而实现不同屏幕下，看到的页面布局和样式变化。

注意：这种布局的宽度是固定的。

---

2. Bootstrap前端开发框架

Bootstrap是目前最受欢迎的前端框架，Bootstrap是基于HTML、CSS、和JAVASCRIPT的，简洁灵活，使得web开发更加快捷。

3. Bootstrap栅格系统