js打印到一页

Question

let page = document.getElementById("printAllList");
let newstr = page.innerHTML;
document.body.innerHTML = newstr;
window.print();
window.location.reload()
return false;

点击之后展示第一张图然后直接会跳到打印，为什么打不到一张的呢，请问有什么方式可以打印到一张纸上呢

Answer 1

使用媒体查询的 print 来定义打印的样式，正常浏览不受影响。

使用媒体查询 - CSS（层叠样式表） | MDN

使用 Firefox 可以方便的调试

Chrome 系列可以在打开开发者工具后按下 Ctrl+Shift+P 输入 CSS 选择打印模拟

退出