兼容pc和移动设备html5+css3响应式布局这个作品是今天整理出来的，用纯html5标签和css3样式编写，没有用原创javascript和jquery，应用场景，html5网站游戏列表、资源下载列表、用户列表、评论列表、软件下载列表，排行榜列表都可以直接用这个作品套用，做html5+css3手机app的童鞋直接可以利用。。。
列表代码结构：
<section>
<a href="http://www.jq-school.com" class="mod-fans-block">
<figure><img width="50" height="50" src="images/100"></figure>
<div class="user-info">
<div class="name"><span>静陌凌新</span></div>
<div class="slogan">属于你我的世界，推出所有应用</div>
<div class="hot">
<span class="icon-push-small">1358</span>
<span class="icon-like">1986</span>
<span class="icon-honour">133570</span>
</div>
</div>
<span class="btn-follow-blue">收听</span>
</a>
</section>
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
html5 css3 响应式布局