只需要一套代码，网站维护和升级简单，成本低无论使用什么设备访问网站都是同一个网页地址，SEO优化不需要考虑移动端的额外推广，网站排名更快捷缺点因兼容不同浏览设备的需要，网页代码难免臃肿，加载速度相对较慢如果你还是没有概念，可以打开米拓建站官网查看600套响应式布局的模板看看；本文收集的20款优秀的 HTML5 Web 应用程序，值得添加到您的 HTML5 的工具箱中，他们能够帮助你开发前端项目更快更容易Initializr Initializr 是一个可以让你创建 HTML5 模板的网站，可以创建样板 HTML5 模板，响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板#160#160#160HTML5。

Weebly和Wix也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页随时随地跟踪 Wix Wix基于H5技术，向用户提供多种网页模板，操作简单无需代码，智能拖拽即可实现网页建设Wix每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示；根据你的需求，我建议你做单网页模板，不要理会上面搞wordpress那个了，我觉得你一时半会摸不透它，而且你也不需要它单页模板有一些好处1一般比较炫，符合你的HTML5响应式2不牵涉后台，所以不挑虚拟主机，而且修改方便，记事本打开，直接改3网上可下载，很多是免费的给你个我经常。

响应式网页设计模板

Sleek Portfolio Theme栅格类排版的网页模板，也可以说是流布局进入下载页 Free Template PSD全屏式模板，时尚漂亮啊，菜单设计也不错进入下载页 Creative Time Responsive Template响应式设计排版进入下载页 Onepage Portfolio Template PSD平面单页面的网站PSD模板，设计师在设计的时候并已考虑到响应式。

响应式网页设计案例实现与分析

1、1灵活性不同静态布局毫无灵活性可言，目前已逐渐被淘汰自适应布局静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词流式布局灵活性更高，可适用于其他三种网站布局响应式布局自适应布局的升级版，响应式网站要普遍适应市面上各类屏幕，开发难度和工作量都是非常大的。

2、由于响应网站在不同终端有友好的界面展示效果，用户可以与网站一直保持联系，比如URL不变积累分享通过单一的URL地址手机所有的社交分享链接最佳化搜索引擎搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的链接Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML。

3、1响应式网页设计的优势mdashmdash这个网站是独一无二的 响应式web设计的优点是针对企业的需求进行定制，并且在网络中没有重复的web站点，因此具有独特性，使用户不会体验到审美疲劳2响应式网页设计的优势mdashmdash网站结构合理，易于优化 在模板构建过程中，很多用户片面关注网站的创意。