本次网站改版升级是我来到新公司的第一个项目，需求之初并没有提及要做响应式，在首次评审时领导和研发均认为响应式处理与我们网站相对契合，就这样我开始了我职场生涯中第一个响应式网站设计。下面就跟大家分享响应式网站设计中的那些事儿。
因为本人之前并没有接触过响应式设计，在项目开始前便恶补了一些响应式的基础知识。理论性资料网上众多，为了使各位对响应式有初步印象和认知，我在这里只做简单描述，各位若想要更全面深入的了解可自行百度。
一、什么叫响应式设计，为什么要做响应式设计
页面的设计和开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、css media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式设计使用户在不同设备上访问网站时都能获得最佳的浏览体验。 响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了，响应式设计不仅降低了开发成本，而且一套后台维护管理一个网站版本，大大减少了运营成本。二、做响应式网站设计时，原型和设计图应该出几套
网上关于响应式网站设计的知识分享确实“海量”，但要么偏向理论，要么偏向技术，项目实操经验分享少之又少。这也是为什么我要写这篇文章，就是为了今后再有产品经理做响应式项目时，有经验可循。
先说我们的情况。
我在设计原型时确实没有想到说原型出几套的问题，出于对PC</
如果觉得《【干货】响应式网站项目实操经验分享》对你有帮助，请点赞、收藏，并留下你的观点哦！
