# 响应式

响应式不只是把三列变成一列。结合一个介绍页的改造过程，梳理内容优先级、断点选择和触控检查，让不同屏幕上的阅读都自然。

把按年份堆放的作品整理为三个完整案例，重点呈现问题、约束与设计取舍。分享首页结构和案例写法，也想听听大家对阅读节奏的建议。

三列卡片遇到连续英文就超出容器，给标题省略号也没有改善。记录最小尺寸约束的排查思路，以及兼顾完整阅读和布局稳定的处理方法。

把图片压得更小只是第一步。结合内容网站的排查过程，说明如何选择输出尺寸、预留图片空间，并把首屏关键图片与延迟加载分开处理。

同一篇文章在宽屏上显得松散，在手机上又有些拥挤。分享从阅读距离、行宽和段落层级入手的调整过程，讨论比装饰更重要的文字细节。