一、媒体查询

1、媒体查询的体验

2、媒体查询的引入方式

二、响应式布局

1、响应式布局的屏幕分类

2、通过媒体查询完成响应式容器的效果

3、通过媒体查询完成响应式容器的效果-优化

三、bootstrap

1、bootstrap的初体验

2、栅格系统的介绍

3、bootstrap中的全局样式的介绍

4、bootstrap中的响应式工具的介绍

5、bootstrap的组件的介绍

一、响应式布局 1、响应式开发的布局原理：通过媒体查询，针对当前不同的屏幕宽度，自动改变页面中盒子的宽度，盒子的显示或隐藏等样式 2、响应式布局方案（较少）：同一个页面只需要开发一套网页，同时给pc端和移动端看 3、响应式开发的屏幕分类：超小屏设备：0-768px，小屏设备：768px-992px，中屏设备：992px-1200px，大屏设备：1200px以上