在如今移动设备用户的数量多于PC端的时代,传统的企业网站在移动端展示时往往会出现各种问题,这会影响用户的体验和对企业的印象。在这种情况下更多企业愿意把其官网开发成响应式网站以让官网在不同尺寸的设备上都有良好的展现,从而满足了企业对官网的跨平台、多设备需求,响应式网站因此变得广泛流行。现在国内外有很多优秀的响应式前端框架,本研究运用了开发人员容易上手的Bootstrap框架,因为用它能高效率、低成本地开发有特色的响应式网站。本文的主要工作有:运用Bootstrap框架、HTML5等相关技术开发响应式网站,运用预处理语言Sass(Syntactically Awesome Stylesheets)及其扩展库Compass对网站的CSS部分进行高效开发,总结开发过程中在性能方面可以优化的点以及常见问题的解决方法。本文所研究的用预处理语言开发网站的CSS部分可以极大提高网站开发和维护的效率,所总结开发中遇到的问题和优化的方法可作为开发者的参考。