随着互联网产业的快速发展，计算机终端已无法满足人们日益增长的需求。各种智能产品如雨后春笋般不断涌现，从传统桌面端到移动端，大多数浏览者的上网方式发生了质的飞跃。怎样设计出一个可以兼顾各种设备差异性的网站成为了现今Web领域的重要课题。此时，响应式网页设计应运而生，它可以跟据用户使用设备的屏幕分辨率、尺寸、情境和行为等进行页面布局调整，使不同设备上页面显示的效果更加合理、流畅，给用户带来优质的体验。因此，响应式网页设计作为一种良好设计实践，成为互联网发展的主流趋势之一。　　基于此，本文从五个部分对响应式网页布局设计进行研究和论述。第一部分：绪论。在论文已有的研究背景和设计现状中进行分析，提出论文所要研究的意义和目的，指出网络媒介的发展对响应式网页设计的促进作用。第二部分：从响应式网页设计的缘起、优劣势以及设计方式等方面进行论述。首先，从响应式网页设计的缘起进行阐述，进一步总结出响应式网页设计的优劣势以及响应式网页的设计方式，并对响应式网页的设计方式进行总结。第三部分：对现有的响应式网页布局模式进行总结，并以具体实例进对响应式网页布局的类型、导航、分栏、文字、图形、色彩等进行分类总结。第四部分：挑选具有实用性和代表性的网页案例，对案例网页的框架、布局、视觉效果等进行深入分析，为后期的毕业设计提供理论和实践支持。第五部分：以前文对于响应式网页设计的理论研究为依据，设计出自己的响应式网页设计作品，并对全文进行总结和展望。