fix: make code block height content-aware

2026-08-31 20:08:32 +08:00
parent e23fa413be
commit 924b1a15f3
8 changed files with 130 additions and 40 deletions
@@ -158,7 +158,7 @@ Markdown 图片默认保持比例并限制在内容区，也可以显式覆盖
 ![架构图](./assets/architecture.png){fit="cover" position="50% 30%" max-height="65vh"}
 ```

-主题默认使用 `1024 × 768` 的 4:3 画布。表格默认字号为 `30px`；代码默认字号为 `28px`，未指定高度时会从当前位置自动延伸到所在内容区底部，长行会正常换行，超出后只上下滚动。需要按页调整时，在该页 frontmatter 中添加尺寸类：
+主题默认使用 `1024 × 768` 的 4:3 画布。表格默认字号为 `30px`；代码默认字号为 `28px`，未指定高度时会按照内容使用自然高度，并根据前后正文自动限制在所在内容区内，长行会正常换行，超出后只上下滚动。需要按页调整时，在该页 frontmatter 中添加尺寸类：

 ```md
 ---
@@ -180,7 +180,7 @@ const slides = await discover('slides')
 </div>
 ````

-同样的包裹方式也适用于表格，例如 `<div class="easy-table-sm">`。不添加固定高度类时，单个代码框会占满标题或前置正文之后的剩余区域；同一区域有多个代码框时保持内容高度并限制在内容区内。
+同样的包裹方式也适用于表格，例如 `<div class="easy-table-sm">`。不添加固定高度类时，代码框保持内容的自然高度；内容较长时会自动扣除前后正文占用的空间并限制在内容区内。同一区域有多个代码框时也遵循这一规则。

 公开放映页和演示者预览中的图片可以点击进入全屏预览，也可以聚焦图片后按 `Enter` 或空格打开；通过关闭按钮、点击背景或按 `Esc` 返回幻灯片。预览底部提供 `− / 百分比 / +` 工具栏，100% 对应图片原始像素尺寸；还可以使用鼠标滚轮、触控板或触屏双指缩放，并在放大后拖动查看细节，缩放范围为 10%–400%。