请开始梳理市面上的电子产品，肯定有180种屏幕供你选择。。。这对于从事前端工作的程序员来说，其实是相当的灾难。。。自适应/响应式的概念来解决不同终端的适配问题，我们一般有两套解决方案，一套是自适应布局，一套是响应式布局。所谓自适应，就是屏幕变大或变小，其内容也必须同步缩放。当达到一定宽度时，会显得过于拥挤，无法清晰显示内容，所以不要加min-width；而响应式样式就是可以自定义不同分辨率的一套样式布局，大码女生穿xl，纸片少女穿xs~总之，自适应风格布局是一致的。可以在不同分辨率的终端上显示相同风格的网页，灵活设置宽度，响应式布局会或多或少的调整。。。自适应网站：https://status.heroku.com/响应式网站：https://www.microsoft.com/zh-cn/（贴两个网站，自己放大，自己体验。。。）开发工作场景分辨率跨度太大，很难做到完美适配...一般情况下，公司一般会做两个版本，一个是PC端，一个是移动端...但是做两套设计肯定会带来更高的开发和维护成本，所以为了节省一些开发时间，一些追求快速开发的公司还是希望只做一套设计来适应每个终端。这时候就不得不依赖响应式布局了....响应式布局的经典体验就是bootstrap。他会自动识别屏幕的分辨率并做出相应的调整。布局和内容或多或少都会有所不同...比如原来的水平导航栏变成了汉堡菜单，原本每行三张图，现在变成了每行一张图。原来PC上显示的模块是隐藏的...完成响应式页面：需要允许自动调整网页宽度。第一个动作是在头部添加一行viewpoort标签
