如何制作响应式网站？

HTML5制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例，讲述如何制作响应式网页。1、选定基本设计尺寸，一般以1080为基准。确定响应式web设计的应用场景之后，和美工（或设计师）沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准。2、当美工完成设计图之后，前端工程师的工作就开始了。这时你就可以使用PS或是FW进行切图了。一般说来，Fireworkscs6切图更快，但是Fireworks有时会有图片失真的情况发生，所以，有时需要使用PS进行配合，PS有切片工具可以专门用来切图。

推荐7款超棒的单页面网站设计模板。关键是！免费！！

Brushed 是一款单页面的响应式HTML模板，基于Twitter Bootstrap框架，针对Retina屏幕（iphone，ipad，ipod touch和Macbook）优化。非常适合作为工作室，数字媒体和创意人群使用。提供了非常酷的方式来展示你的项目和成果。基于HTML5/CSS3， 同时兼容老款浏览器。商业和个人使用免费。

Boostrap 基础、用户界面架构、响应式网页设计等课程分享

632064490@qq.com 还有么、需要，谢谢