[聚合文章] 响应式设计在文字排版上的尝试,针对屏幕大小显示不同长度的文字内容

响应式设计 2013-01-13 16 阅读

Responsive Web Design 即响应式 Web 设计,可以分别对桌面、平板、手机分辨率自动调整页面布局,除了 Responsive Design 还有 Responsive Image(根据屏幕大小显示缩放或剪裁的图片),现在有人尝试 Responsive Text ,可以让你在手机、电脑或者大屏幕上分布看到不同长度的文字内容,示例如下:

较大屏幕显示完整内容:

较小屏幕显示更多内容:

小屏幕小时重点摘要:

当然这还只是一个尝试,实际应用可能会有很多问题,即同样的一个页面,在手机或者电脑上查看内容展现的信息量不同,或者与他人分享阅读阅读时会造成困惑或信息不对称。

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。