我正在使用媒体查询打印来构建html报告。到目前为止，一切工作正常，直到我添加了执行JavaScript命令“ window.print（）”的按钮。通过使用快捷方式（Ctrl + P），我的Web浏览器根据设置的媒体打印来显示打印预览，但是，通过尝试使用报表中包含的自定义按钮“打印”，媒体查询具有了被忽略了。现在有人解决该问题吗？
@media print {
@page {
size: A4;
margin: 1cm
}
body * {
visibility: hidden;
}
.printArea, .printArea * {
visibility: visible;
}
.spacePrint{
border: 1px solid #ccc;
}
.printArea {
margin-top :0;
position: fixed;
left: 0;
top: 0px;
}
}
它确实起作用...这是一个示例。
在Chrome，IE11和Edge中进行了测试。
function doPrint() {
window.print();
}@media print {
@page {
size: A4;
margin: 5cm;
}
body * {
display: none;
}
body h1 {
display: block;
}
}<body>
<h1>Print Hello World!</h1>
<div>You cannot print me!</div>
<button onclick="doPrint()">Print Me!</button>
</body>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句