今天我们这篇文章将介绍来自 Arley McBlain （@ArleyM） 的一个超酷响应式设计，最除这个设计来源于他的个人网站ArleyM.com。 主要得效果在于当用户修改浏览器大小，或者使用不同尺寸的设备来访问这个网站的时候，会根据屏幕尺寸修改界面文字，一个典型的responsive text的效果。在这个演示中，将使用media query对于300px到1920px的每10px的宽度修改显示不同的文字。
HTML代码如下：
<div class="row"> <h2>Be <span></span></h2></div>
非常简单，使用CSS将span生成需要的文字。当然对于IE来说，我们使用条件语句来实现。
CSS代码
@media (max-width: 980px) { .row h2 span:after { content: 'Unusual.' }}
更多特性
除了文字效果，我们也可以为这个演示代码添加其它效果：
1.文字颜色修改
2.动画图片效果
3.突出显示图片的某些部分
4.添加js来实现窗口修改的特效
5.用户提示
来源：http://www.gbin1.com
