移动开发之响应式布局（包括：响应式开发的原理、响应式布局容器以及Bootstrap前端开发框架）

响应式开发原理 响应式开发就是使用媒体查询针对不一样宽度的设备进行布局和样式的设置，从而适配不一样设备的目的。 响应式开发原理：在不一样屏幕下，经过媒体查询来改变布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不一样屏幕下，看到不一样的页面布局和样式变化。 设备划分 尺寸区间 超小屏幕（手机） <768px 小屏设备（平板） >=768px ~ <992px 中等屏幕（桌面显示器） >=

>>阅读原文<<