我在从 Chrome 打印使用 Bootstrap 4(仅 4、3.3.7 可以正常工作)样式的 HTML 页面时遇到问题,其中页眉和页脚被部分覆盖。 Here是我所指内容的屏幕截图,您会看到日期、标题、文件/网址被部分截断。这似乎是 Bootstrap 的问题。我创建了一个小测试页面,其中只有一个指向 Bootstrap cdn 的链接,但它仍然发生。
这是作为测试的 HTML:
<html>
<head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
</head>
<body>
</body>
</html>
如果您将其放入 html 页面,然后在 chrome 中打开它并右键单击 -> 打印,您应该会看到相同的结果。
有什么解决办法吗?
最佳答案
问题似乎是 size property在 4.1.1 版(撰写本文时的最新版本)的完整 Bootstrap css 文件(不是 grid or reboot)中设置为 a3
修复添加以下代码段:
@page {
size: auto;
}
关于html - 在 Chrome 中打印 bootstrap 4 HTML 页面会切断 chrome 页眉/页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49785039/