1.什么是响应式

响应式就是为了可以使用一套代码实现多端显示，比如电脑端，移动端，并且可以适应不同尺寸的屏幕大小。

2.常见的响应式的实现方法

百分比布局
vh/vw 布局
flex布局
rem布局
媒体查询

3.响应式布局一般分为三类

3.1 固定的响应式布局

主要结合当前主流终端设备的尺寸，版面宽度可随意调整，并形成多种版面设计模式。页面布局的大小可根据终端设备屏幕大小来确定。这类响应式布局在网站建设中成本相对较低，但也存在一些不足。由于随着科技的发展和网络技术的不断进步，将会有许多主流设备出现，如果网站不能很好的利用这些变化，则网站的后期运营和维护将比较麻烦。

3.2 弹性效果的响应式布局

这个类型比第一个布局类型更灵活，因为它是按像素的百分比来调试的，并且首先设置了站点的最大范围。那么站长在建立网站时就可以根据设备的大小来设置。因此，即便互联网技术发展了，或设备更新了，也能适应较长时间。但是这类网站还有一个缺点，就是网站的结构设计要等效，如果要使用其他页面结构，则比较复杂。

3.3混合模式下的响应式布局

混合模式下的响应式布局方法，不仅具有上述两种的优点，而且显示效果更加流畅，在像素和比例设计上更具适应性，并能更好地显示网站内容，完美地呈现给用户。

我个人比较推荐混合模式的响应式布局，除了vh/vw现在不是很了解，其他的布局方式，我其他的文章都有说明