上海交通大学从1931年起培养研究生，是国内最早招收研究生的大学之一。为把学校建设成为综合性、研究型、国际化的世界一流大学，上海交通大学研究生教育始终贯彻"稳定规模、提高质量、优化结构"的工作方针，以培养具有突出创造能力和进行国际学术对话的专门精英人才为工作目标，努力加强学科建设，优化结构，深化教育改革，提高培养质量，树立上海交大研究生教育培养的品牌。
上海交通大学研究生院网站（http://www.gs.sjtu.edu.cn）在服务学校广大研究生学习交流、学院学科建设及研究生招生培养等方面扮演着举足轻重的角色。在智能手机等移动设备的网络接入率居高不下的今天，上海交通大学研究生院也开始考虑网站服务功能在多种移动设备上的延伸，让网站无论在电脑上、手机上还是pad等移动设备上，都能得到较好的浏览体验，于是他们决定采用响应式布局来完善学校信息化的移动生态链。
访问域名一致、内容统一，对移动搜索友好，这些都成为了上海交通大学研究生院网站采用响应式布局首要考虑的因素。一般来说，网站都是根据电脑显示器的分辨率设计的，宽度固定这样的网站在移动端打开时，展现出来的还是PC端的样式，要么整体缩小，要么会显示出宽宽的滚动条，用户体验较差，即便是移动端浏览器可以转码处理，但体验往往并不是很好。
上海交通大学研究生院pc版网站
上海交通大学研究生院响应式手机站
不同于现在很多网站在移动端需要手动缩小放大的糟糕体验， 采用了响应式布局的上海交大研究生院网站实现了针对不同屏幕尺寸的自动调整，让用户不论使用pc还是手机都能得到较好的浏览体验。
如今，新的设备层出不穷，与其被动的进行更新维护，倒不如以主动应万变。
我们可以看到，上海交通大学研究生院网站通过响应式布局让网站在不同移动设备上、不管是横屏还是竖屏都得到较好的浏览体验。另外，网站在所有设备上一致的栏目编排和内容呈现以及整体外观布局都有利于在用户的脑海中形成统一的印记。
