Geo*_*Geo 6 html css twitter-bootstrap bootstrap-4
我有一个问题,打印一个HTML页面样式与Bootstrap 4(只有4,3.3.7工作正常)从Chrome,页眉和页脚被部分掩盖.这 是我所指的截图,你会看到日期,标题,文件/网址被部分切断.这似乎是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打开它并右键单击 - > print,你会看到相同的结果.
任何想法如何解决？
问题似乎是在4.1.1版本的完整引导程序css文件(不是网格或重新引导)中将size属性设置为a3(撰写本文时的最新版本)
修复添加以下代码段:
@page {
size: auto;
}