随着移动智能设备的发展,出现了各种屏幕尺寸的移动设备,如何在不同分辨率设备上将同一网页内容完美地显示出来,而不会出现显示样式错乱,响应式网页设计解决了这一难题。响应式网站可以在不同终端显示出合理的页面,实现一次开发,多处适用。文章以“环保网站”为例,从响应式网页设计的相关概念介绍、页面结构设计、响应式效果实现等几方面入手,采用HTML5技术,结合百分比布局、媒体查询、视口等实现了跨终端的网页开发。