前段时间在网上看到了一个老外写的一个HTML5响应式表格效果，它的CSS代码用SASS写的，有许多重复的data属性我们这里改进一下他的代码，解决一下他写的不好的地方要看到本例的响应式表格效果，浏览器要缩放到小于600像素的大小HTML结构如下lttableid=quotmiyazakiquot ltcaptionThe Films of Miyazaki。

1打开百度，在百度上搜索易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站2进入后，先登录自己的账号，可以直接用微信登录即可，登录后就可以开始制作自己的手机网页微场景了3首先点击我的场景接着点击制作场景，接着会进入场景模板选择界面，里面有很多免费的模板。

WereTech主题 WereTech是3列蓝色和红色配色的响应的HTML5 WordPress模板主题演示及下载 Onward主题 Onward算是一个完美的一个摄影博客，适合以及任何形式展示的视觉创意工作主题演示及下载 Customizr主题 一个免费的响应式设计的HTML5+CSS3WordPress主题，使用Twitter Bootstrap框架搭建，易于定制主题演示。

2 Foundation MIT响应式最先进的响应式前端框架3 960gsGPLMIT响应式960gs提供了一个简单的网格系统，适合快速开发4 SkeletonMIT响应式非常漂亮的Web模板，适合响应式移动友好的开发5 99lime HTML KickStartFree适合网站快速开发的极简HTML构建模块6 KubeFree。

InitializrInitializr 是一个可以让你创建 HTML5 模板的网站，可以创建样板 HTML5 模板，响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板HTML5 Demos这里集合了一些基于 HTML5 的优秀的实验演示，最初只有5个演示，后来逐渐扩充HTML5 Test想知道桌面或移动 Web 浏览器符合最新的 HTML5 标准吗。

电流不仅能让灯泡发光，还能让其他电器工作，h5同样不仅应用在响应式上响应式其实就是一个多媒体查询的标签，控制不同分辨率中的css样式简单的说就是wap的升级 ，在加上css3的一些动画可以很好的做出手机界面对于html5 比css先进多了，html可以绘制矢量图，可以传送数据，可以定位IP。

1响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示可以说这是一个很典型的博客模版结构一个wrapper容器包含了头部内容侧栏底部2Meta标签 其次就需要我们针对移动设备加入这个meta标签告诉webkit内核浏览器初始缩放比例为1很多iOS和Android的浏览器都是基于webkit。

响应式的网站也叫Html5 看一个网站是否是响应式的网站，可以将浏览器缩小，如果网站内容的排版随着浏览器的缩小而根据浏览器的大小来排版，那么就是响应式的网站。

楼下提到的bootstrap不错如果觉得入门有难度的话，你可以使用jQuery Mobile，就是你得单独搭建一个数据源接口。

“响应式布局”已经成为现今网站建设方案中的热门术语，随着HTML5技术的发展，它将很快从一种趋势变为常规但目前，很多客户，甚至互联网从业者，并没有完全认识响应式布局的本质，他们经常被以下误区所迷惑误区一只要是“PC端 + 移动端”的网站就是响应式布局 首先，我们要明确一点，采用响应式布局。

可以让你的Web App看起来就像本地应用程序一样美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备552 Framework 52 Framework拥有16列的网格模板该框架来自于CSS3样式里的新“Selection”阴影圆角以及有效的HTML5标记该框架还提供了。

或许不够全，或许不够专业，但你一定会得到不同角度的观点和见解或许您会有所收获老狮认为H5响应式网站具备以下六点优势01对搜索引擎友好 网上有人是这么讲的基于Flash的网站在搜索引擎上基本上是搜不到的，而搜索引擎的蜘蛛却能抓取你的HTML5站点和索引你的内容所有嵌入到动画中的内容将。

2 页面风格设计后就已经固定，用户自己没法修改 3 想建个网站而已，动不动就要上万元 4 需要专业的技术人员才能开发网站 5 专门安排人员负责后台更新维护 H5响应式建站系统的优势1 快速建站不求人，轻点鼠标即可30分钟完成建站 2 海量网站模板，主题丰富，可任意更换修改 3。

metinfocnproduct 响应式网站模板，不妨到这一看我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。

2实现更难 响应式设计出的稿子，当然还需要响应式的实现响应式的基础就是HTML5， CSS3一般的建站公司，一般是没有钱去聘用精通HTML5和CSS3技术的高手的最多是让程序员在写代码之前看2天书，然后就赶鸭子上架这就导致了即使设计师设计出了很棒的模板，但是在实现了之后，怎么看怎么不舒服。