1、响应式设计是最近比较流行的设计结构，做法很简单，首先在<head>里面加上一行代码，这行代码主要是适用于适用于移动端的设备屏幕，因为刚接触，具体概念不是太了解，代码：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2、在静态网页建好的前提下（网页框架必须清晰），第二步就是往页面中添加需要匹配的分辨率了；@media screen and (min-width: 1280px) {
/*这个里面就是你想要在这个分辨率里面放的东西*/
/*min-width表示的就是在最小分辨率为1280时网页显示的内容*/
}
@media screen and (max-width: 1024px) {
/*这个里面就是你想要在这个分辨率里面放的东西*/
/*max-width表示的是在最大是1024px分辨率时你想显示的网页内容*/
}
——谨记max-width的值是从大到小写
——max-width的值是从小到小写
3、第三步就是网页内的个别需要适应的内容，一般的话有几个自适应是比较普遍的
我在这只写width：1024px;1280px;800px;480px;手机版的需要更多去适应
4、这只是大体的总结，希望对你有帮助
