一.什么是响应式Web设计？

1.RWD指的是响应式Web设计（Responsive Web Design）

2.RWD能够以可变尺寸传递网页

3.RWD对于平板和移动设备是必需的。

实例：

运行效果：

二.使用Bootstrap

另一个创建相应式设计的方法，是使用现成的CSS框架。

Bootstrap是最流行的开发响应式web的HTML，CSS和JS框架。

Bootstrap帮助您开发在任何尺寸都外观出众的站点：显示器，笔记本电脑，平板电脑或手机

实例：

运行效果：