排版是溝通信息的核心手段，但在網頁設計中，「一個字號走天下」的時代早已結束。響應式排版不僅是技術實現，更是對不同裝置閱讀場景的深度適配。本文以實戰案例，演示如何建立跨裝置一致的垂直韻律體系。
以維基百科隨機文本為例，瀏覽器預設 16px Times New Roman 極難閱讀。升級為 18px PT Serif（Google Fonts），將文本寬度限制在 580px，使每行字符數落在 60~75 區間，閱讀體驗質變。
設定基準：正文 18px / 行高 1.77（32px 基線）。標題按黃金比例縮放：
所有層級掛掛在 32px 基線網格上，縱向節奏嚴絲合縫。推薦工具：Vertical Rhythm Tool、Gridlover 輔助換算。
iA 指出：手機拿得更近，同樣 18px 在移動端顯得過大、破壞視覺平衡。320px 窄版心下，裝飾性元素退居次要，排版優化是閱讀體驗第一優先級。
基準行高壓縮至 22px，字號同步縮放：
每行 35~40 字符，行高 22px，PT Serif 字體下視覺最舒適。若字體更細可嘗試 20px 行高。
1. 搞清人們如何閱讀；
2. 能愉悅掃讀一行並輕松回到下一行行首；
3. 能快速理解不同標題的優先級與重要性。
—— Jason Pamental《A More Modern Scale for Web Typography》
做到這三點，閱讀體驗即合格。
排版非小事，千萬別在所有裝置套用同一套字號字距。手機、筆電、桌面顯示器的觀看距離、視野範圍、交互方式截然不同。為每個斷點定製垂直韻律，才能真正擁抱用戶的潛在需求，創造卓越體驗。記住：響應式排版，是尊重用戶的起點。