Responsive Web Design 即响应式 Web 设计,可以分别对桌面、平板、手机分辨率自动调整页面布局,除了 Responsive Design 还有 Responsive Image(根据屏幕大小显示缩放或剪裁的图片),现在有人尝试 Responsive Text ,可以让你在手机、电脑或者大屏幕上分布看到不同长度的文字内容,示例如下:
较大屏幕显示完整内容:
较小屏幕显示更多内容:
小屏幕小时重点摘要:
当然这还只是一个尝试,实际应用可能会有很多问题,即同样的一个页面,在手机或者电脑上查看内容展现的信息量不同,或者与他人分享阅读阅读时会造成困惑或信息不对称。
相关链接:
P.S. 本文也应用了类似的排版效果,你发现了么?