响应式设计是调整网站屏幕设计的一种方式。

我们将根据网站访问者使用的浏览设备是智能手机、平板电脑还是计算机来更改显示的设计，以便访问者可以毫无压力地浏览网站。

网页以HTML为主体，身体穿的衣服是用CSS做的。使用传统方法，需要准备针对每个设备优化的 HTML 和 CSS，例如浏览 PC 和浏览智能手机。

但是，在响应式设计中，您只需要一个 HTML。只需为每个设备准备 CSS，您就可以为每个设备显示页面。

你有没有经历过，即使是同一个页面，当个人电脑浏览器的屏幕宽度缩小时，却显示出不同的设计？该网站使用的技术是响应式设计。

以PC/智能手机/平板电脑的屏幕宽度为关键改变显示设计
响应式设计以网站访问者使用的设备的屏幕宽度为关键点来改变显示的屏幕。

CSS 文件，它是一个 HTML 装饰，就是用这个意思来编程的。

对于 PC 屏幕宽度：照常显示
对于平板电脑屏幕宽度：缩小图像并滑动菜单
对于智能手机屏幕宽度：从菜单按钮中选择菜单而不显示图像
然后，当达到指定的屏幕宽度时，将按照编程显示。智能手机的屏幕显示给在智能手机上浏览的人，平板电脑的屏幕显示给在平板电脑上浏览的人。