HTML Iframe 内容在浏览器中完全显示，但在打印时某些内容被截断答案

【问题标题】：HTML Iframe content displays completely in browser, but on print some content is cut offHTML Iframe 内容在浏览器中完全显示，但在打印时某些内容被截断
【发布时间】：2021-06-29 11:36:02
【问题描述】：

这个问题已经在 SO 上讨论过好几次了。以下是我推荐的帖子，但都没有帮助。

Link1

Link2

Link3

Link4

iframe 的内容在浏览器 (Chrome/FireFox) 中显示良好，但是当我使用浏览器的打印功能时，内容并没有完全打印出来。打印预览显示最后一行被截断。使用 height: 100vh 是不可接受的，因为内容后面会留下很多空格。

请查看 stackblitz 以重新创建问题.... StackBlitz 我在现实中手动将高度设置为 204px 我打算动态获取内容的高度并设置值

【问题讨论】：

标签： html css angular iframe

【解决方案1】：

我通过在 pt 中设置高度而不是在 px 值中设置高度来解决这个问题。请随意添加为什么 pt 有效，而不是 px。

【讨论】：