为什么调用 window.print() 打印出来的样式和页面显示的不一样？
我在做一个订单详情页，点击打印按钮调用 window.print()，但打印预览里字体变小、布局错乱，明明页面上看着是正常的。是不是漏了什么打印专用的样式？
我试过加 @media print，但效果还是不对。这是我的 HTML 结构：
<div class="order-container">
<h2>订单 #12345</h2>
<p>客户：张三</p>
<table>
<tr><td>商品A</td><td>¥100</td></tr>
</table>
<button onclick="window.print()">打印</button>
</div>- 2
回答
37浏览
Jira Sprint看板中自定义任务卡片样式时子任务和用户故事重复显示怎么办？
在Jira的Sprint看板里，我尝试用CSS给用户故事和任务添加不同背景色，但子任务总跟着用户故事样式走，导致重复显示。试过单独写.task和.story类，但没用，还是混在一起。 .story-c...
- 1
回答
13浏览
打印网页时样式丢失怎么办？
我在做一个订单详情页，用户需要点击“打印”按钮把页面内容打印出来。本地预览时样式都正常，但一调用 window.print() 打印，字体变小、布局错乱，连颜色都没了！ 我试过加了个打印专用的 CSS...
- 2
回答
21浏览
react-window 渲染空白，数据明明有却显示不出来？
我用 react-window 的 FixedSizeList 渲染一个长列表，数据是从接口拿的，console.log 也能看到数组有内容，但页面就是一片空白，Item 组件根本没执行。 我试过把数...
- 2
回答
40浏览
Prettier的printWidth设置后，为什么长字符串还是自动换行？
在React组件里写了一个长字符串变量，按照文档把.eslintrc里的printWidth设成120了，但保存时长字符串还是被强制换行了... 代码像这样： const description = ...
- 1
回答
26浏览
Jira冲刺里怎么批量移动未完成任务到下一个Sprint？
我们团队每次Sprint结束时，总有一堆未完成的Story卡要挪到下个冲刺，手动拖太麻烦了。试过用Jira的“Bulk Change”功能，但选完任务后找不到“Move to next Sprint”...
- 1
回答
25浏览
JSBridge调用原生方法后页面样式错乱怎么办？
我在用JSBridge调用原生分享功能后，页面的布局突然乱了，特别是底部按钮位置不对。明明调用前样式是正常的，调完就出问题，是不是原生那边改了什么？ 我试过在回调里重新设置样式，但没用。这是我的关键C...
- 2
回答
28浏览
监听 window.onerror 为啥收不到异步错误？
我在项目里加了全局错误监控，用的是 window.onerror，同步的报错都能捕获到，但像 setTimeout 里的错误就收不到了，这是为啥？ 我试过这样写： window.onerror = f...
- 2
回答
16浏览
Prettier 的 printWidth 到底怎么生效的？
我设置了 printWidth: 80，但有些代码明明超过 80 字符也没换行，比如长字符串或者函数调用链，这是为啥？是不是某些语法结构它不会强制折行？ 我的配置文件是这样的： { "printWid...
- 1
回答
61浏览
React-Window滚动时子项内容错位怎么办？
我在用react-window做长列表优化时遇到问题，当滚动到中间位置，子项的内容会突然错位覆盖到其他项上。之前按教程设置了固定高度，但实际运行时还是有问题。 我的代码结构是这样的： <Fixe...
- 2
回答
53浏览
Vite SSR预渲染时报错’window is not defined’怎么办？
在用Vite做Vue3的SSR项目时，运行预渲染命令就报错'window is not defined'，但正常渲染页面又没问题。我的组件里用到了window.location，代码是这样的： // ...
1. 确保在CSS里设置了打印专用的样式，比如：
2. 记得把打印按钮隐藏掉，不然会出现在打印结果里
3. 可以用pt单位替代px，打印时更稳定
4. 如果表格断页有问题，加这个防止跨页断开：
我遇到过类似问题，这样改完基本就能和网页显示一致了。打印样式就是这么坑，经常要加一堆!important才能覆盖浏览器的默认行为。
首先，强烈建议在CSS里专门为打印写一套样式。不要用普通的@media print，那个太基础了。试试这样：
其次，关于字体问题，打印时最好用常见的web安全字体，比如这样：
还有个小技巧，可以在head里加这个meta标签确保缩放比例正确：
如果还有问题，可能是打印机驱动在作怪。建议先试试Chrome的打印预览，它能比较好地模拟实际打印效果。另外记得在打印设置里把"页眉页脚"选项关掉，那些鬼东西经常会把布局搞乱。
最后说个血泪教训：千万别在打印样式里用flex布局！打印机渲染引擎对flex支持很迷，老老实实用float或者table布局最稳。