https://June6699.github.io/tags/%E6%9C%89%E8%B6%A3%E7%9A%84/Recent content in 有趣的 on June's BlogHugozh-cnFri, 03 Apr 2026 00:00:00 +0000https://June6699.github.io/posts/pretext-demo/Fri, 03 Apr 2026 00:00:00 +0000https://June6699.github.io/posts/pretext-demo/<p>这个页面不再只是“换背景色”，而是做成真正可交互的 <a href="https://github.com/chenglou/pretext">pretext</a> 实验：你可以拖动滑块，实时改变文本容器宽度，观察行数和高度的动态变化。</p> <h3 id="pretext-demo-扩展展示">Pretext Demo 扩展展示</h3> <h4 id="shrinkwrap-showdown紧凑宽度">Shrinkwrap Showdown（紧凑宽度）</h4> <h5 id="演示效果">演示效果</h5> <div class="pretext-demo"> <section class="pretext-page"> <div class="pretext-card"> <p class="pretext-intro">左侧是普通块级文本，右侧启用 pretext 的气泡收紧，行数尽量保持一致但宽度更紧凑。</p>