本页内容
先核对资源，再整理窄屏显示
- 保留原 HTML 和原 PDF，先确认图片能否加载、表格和公式内容是否完整。
- 在窄屏打开文件，查看整页是否变宽；确认宽度来自表格、长公式还是图片。
- 仅在副本调整阅读宽度、边距和表格滚动容器，保留原来的全部数据列与数学内容。
- 逐行核对原表，滚到最后一列；重新打开文件并分别检查图片、公式和阅读宽度。
原生 HTML 与已有内嵌副本均保留。新文件顶部明确标记为本地阅读副本，不代表产品导出样式已经改变。
同一张表，整页溢出与区域内滚动
2026-10-13，对既有 HTML 内嵌图片副本继续做窄屏检查。原副本在 312 CSS 像素下文档宽度约 430 像素；本地阅读副本保持 312 像素，表格在有名称、可聚焦的区域内滚动。两图均是实际浏览器截图，阅读副本已滚到右侧。
| 视口 | 旧内嵌副本文档宽 | 阅读副本文档宽 | 阅读副本表格区域 |
|---|---|---|---|
| 312 | 430 | 312 | 区域278，内容512，可滚动234 |
| 390 | 430 | 390 | 区域356，内容512，可滚动156 |
| 1280 | 1280 | 1280 | 区域与表格均782，无横向滚动 |
- 新增副本仅追加阅读样式、来源提示、main 与一个表格滚动容器，并调整浏览器标题。移除新增表格容器后，main 内正文可逐字还原为旧副本 body。
- 三行数据保持 A：6.00 / 2.00 / 3.00，B：12.00 / 4.00 / 3.00，C：15.00 / 5.00 / 3.00；没有删除列或改成截断文本。
- 10 个 MathJax 容器中的 SVG 和 MathML 标签字节完全保留；原图仍为同一份 27,456 字节 JPEG。
- 在312像素视口聚焦表格区域并按右方向键，scrollLeft 最终为234，末列右边界在区域内。此项验证的是浏览器键盘操作，未验证实体手机触摸。
- 关闭缓存从本机HTTP服务重新加载阅读副本，观察到HTML文档和内嵌data图片，没有另取外部图片或字体；没有切断整个浏览器网络。
这是本地后处理，不是新的产品导出。原生 HTML 仍使用外部图片地址，已有内嵌副本只处理图片资源；新阅读副本再处理显示宽度。原图顶部此前缺失的说明仍然缺失，样式不能补回 OCR 内容。打印、复杂文档及其他浏览器需要另行核对。
先了解这几件事
HTML 手机显示不全时，先检查是整页被宽表格撑开，还是表格在自己的区域内滚动。本例内嵌图片副本在 312 和 390 像素视口下都约宽 430 像素；本地阅读副本让页面保持视口宽度、表格单独滚动。图片已内嵌与窄屏排版是两件事，样式调整也不会补回识别遗漏。
- 实测文件
- 既有 PDF 原生 HTML 与同图内嵌副本；新增文件是本地阅读副本。
- 视口结果
- 312 / 390 / 1280 CSS 像素下，阅读副本没有整页横向溢出。
- 数据保持
- 原表格标签、10 处数学标记和 1061×604 JPG 字节均不变。
- 操作边界
- 没有新增产品导出或任意 HTML 一键修复功能；实体手机触摸与打印另验。
本例的表格容器与样式
保留原 table，外层增加滚动区域
<div class="doc2x-table-scroll" role="region"
aria-label="Observation table; scroll horizontally to inspect all four columns"
tabindex="0">
<table>原来的完整表格</table>
</div>结构示意，示例文字不是表格内容。下载副本保留了真实 table 的全部标签与数值；完整样式在核对包 reading-layout.css 中。
限制区域宽度，让表格保留可读列宽
.doc2x-table-scroll {
max-width: 100%;
overflow-x: auto;
}
.doc2x-table-scroll table {
min-width: 32rem;
width: 100%;
margin: 0;
}32rem 是为本例四列表格选择的最小宽度，不是所有表格的统一数值。还需结合正文边距、原样式优先级和长公式检查；不要把 overflow:hidden 加到整页来掩盖数据被裁掉。
把三类检查分开
| 问题 | 本例处理 | 仍需核对 |
|---|---|---|
| 图不显示 | 既有副本把同一JPEG内嵌进src | 图片本身是否缺内容、实际文件是否包含资源 |
| 整页横向溢出 | 阅读副本限制阅读栏，将宽表放进可滚动区域 | 末列可见、键盘能滚动、正文不被裁切 |
| 公式和数字错误 | 本轮没有改写识别内容 | 回到原PDF核对分式、指数、单位和表格数值 |
| 需要打印或放进CMS | 本轮没有完成目标环境验收 | 实际打印分页、样式过滤与平台资源限制 |
表格滚动与整页溢出不是同一结果
原内嵌副本已有 viewport 标记，仍在312像素下撑宽。仅添加 viewport 不能保证表格可读。新副本让正文停留在屏幕内，同时在表格区域保留完整四列，读者可横向查看。
不要用隐藏溢出来当作内容修复
隐藏右侧内容或缩小整个页面可能让数字看不清。本例保留表格最小宽度，区域可以聚焦并用方向键滚动，末列可见后再核对三行数据。
图片资源与阅读样式分别保存
只有原生HTML时，外部图片仍需要可访问的地址。旧内嵌副本包含同一图片，新增阅读副本在它的基础上调整样式；三个文件分别保留，不能把本地修改说成原生下载。
数学显示与数学内容都要检查
本例保留两条独立公式和八处行内数学。SVG显示与MathML结构字节没有改变，但其他文档的长公式、缩放和复制行为仍需在目标浏览器核对。
确认依赖，不把一次加载等同于全平台离线保证
关闭缓存后的本机HTTP加载只请求了文档和内嵌data图片；这能说明本例没有另外获取图片或字体。完全断网启动、file协议、目标笔记软件与实体手机行为不在本轮验证范围。
相关官方说明
详细操作教程
查看三份文件的差别、实际宽度与键盘滚动，保留原生导出和本地副本。
遇到这些情况
- 页面不再横向滚动，但末列也找不到
- 确认表格区域有横向滚动能力，检查是否误用 hidden 或删除列；对照原表逐行到最后一列。
- 图片已显示，文字仍被挤出屏幕
- 分别检查表格、长公式、代码块和固定宽度元素，图片max-width不能处理所有内容。
- 移动副本后图片又不见了
- 确认拿到的是含图片字节的文件或完整资源包，不能仅凭文件名带有“离线”判断。
常见问题
这是 Doc2X 新的 HTML 导出样式吗？
不是。新阅读文件是对既有导出的本地后处理，原生下载与已有图片内嵌副本均单独保留。
HTML有viewport为什么仍然显示不全？
viewport确定布局视口，内容本身仍可能有较大的最小宽度。本例宽表格撑开页面，需要在有限宽度的区域内允许横向滚动。
表格手机适配会删掉最后几列吗？
本例没有删除或重写表格。四列和全部数值仍在，区域滚到右端即可查看末列。
阅读副本可以保证任何环境都离线使用吗？
不能。它包含本例图片字节，冷加载未另取外部资源，但未测试全浏览器断网、所有软件和实体设备。
调整样式会修复图表漏字吗？
不会。本例图像顶部已有缺失仍保留，需要回到原稿和识别结果另行修订。
内容核对：2026-10-13 · 功能条件与配额以当前产品界面为准