Javascript 在js window.open之后打印html/css布局

我无法通过javascript在打开的窗口中打印输出。我通过

窗口创建新文档。打开包含引导文件CDN链接的
。在打开的窗口中，一切看起来都正常，但如果我使用print（XPS document writer），这里有一些样式（
.btn group
），但布局或内联样式不正常

问：如何打印在新窗口中看到的内容

在CDN上的链接中，我有
media='all'
（但也尝试了
media='print'
）

工作示例：

$（'#openNewWindow'）。单击（函数（e）{
var printWindow=window.open（“”，(u blank’，“宽度=1100，高度=500”）；
printWindow.document.open（）；
printWindow.document.write（“标题”）；
变量cdn=`
`;
printWindow.document.write（cdn）；
printWindow.document.write（“”）；
内容=`
.col-md-8
.col-md-4
左边
中间的
赖特
`;
printWindow.document.write（内容）；
printWindow.document.write（“”）；
printWindow.document.close（）；//IE>=10所需
printWindow.focus（）；//IE>=10所需*/
setTimeout（函数（）{
printWindow.print（）；
},1000)
});
我不知道为什么，但是Bootstrap 3 print可以使用XS大小（列XS-*），因此您可以将打印的弹出窗口重写为XS，或者找到css修复程序。通常情况下，如果您的主体具有默认的自动宽度尺寸，并且在主体中只有浮动/无浮动的div，它们将以隐式浏览器方式为打印方形进行布局

您应该定义固定的主体宽度和浮动/定位的无限制div（或者定义divs宽度等）

您可以在打印专用样式文档中定义不希望影响主文档（例如固定正文宽度）的其他样式，例如：

<link href="printspecific.css" media="print" rel="stylesheet" /> 



在您检测到缺少适当的样式之前，将一直进行试验，这样纸质文档将按照您的意愿运行。我猜body元素的定义宽度足以使布局看起来正确

<link href="printspecific.css" media="print" rel="stylesheet" />