摘要

响应式Web设计在网站兼容多种设备显示和提高用户体验上提供了一种可行的解决方案。通过对响应式Web设计的方法及关键技术的研究,在基于HTML5和CSS3技术上采用小屏幕优先、内容确定断点、基于内容优先创建响应式导航和基于视口宽度变化的响应式图片相结合的设计思路与方法,并将方法运用在高职的招生信息网站上。实践证明,所采用的方法创建的网站在移动设备上具有良好地呈现,能够改善用户在移动端浏览网站的体验。