jean luo1. 问题现象与背景
最近在工业标签打印项目中遇到一个相当棘手的问题：使用EDGE浏览器预览标签打印时，纸张方向会随机出现90度旋转错乱。具体表现为：
- 同一套HTML标签模板代码，在Firefox浏览器中预览和打印均正常（纵向显示）
- 在EDGE浏览器中预览时，约30%的概率会错误地旋转90度变为横向
- 物理打印机为斑马ZT510工业级标签打印机
- 问题具有随机性，刷新页面可能恢复正常也可能继续出错
这种情况在需要批量打印产品标签的生产线上尤为致命——错误的打印方向会导致整卷标签纸报废。更令人困惑的是，这个问题在Chrome和其他浏览器上并未复现，唯独EDGE存在这种异常行为。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 问题排查过程
2.1 初步怀疑方向
最初我们怀疑问题可能出在以下几个环节：
- 打印机驱动问题：检查了斑马ZT510的最新驱动（ZDesigner V8）已安装
- 页面CSS设置：确认CSS中
@page规则已明确指定size: A4 portrait - JavaScript打印API：对比了
window.print()和printJS库两种调用方式 - 打印机硬件设置：检查了打印机控制面板中的默认纸张方向设置
然而经过逐一验证，这些因素都被排除了。更诡异的是，同样的代码在生产环境和其他客户的设备上运行正常。
2.2 关键发现
转折点出现在对比不同浏览器的打印预览行为时：
- Firefox：始终正确遵守CSS中的
@page方向设置 - Chrome：偶尔会忽略方向设置但至少保持一致性
- EDGE：不仅随机旋转方向，还会出现预览与实际打印结果不一致的情况
通过开发者工具抓取打印请求，发现EDGE在发送打印指令时，有时会错误地将orientation: landscape参数附加到打印作业中——尽管我们的代码从未指定过横向打印。
3. 问题根源分析
经过深入追踪，发现问题源于EDGE浏览器对CSS打印规范的实现存在两个关键缺陷：
- @page规则解析错误：
- 当页面包含复杂浮动元素时，EDGE的打印引擎会错误计算内容宽度
- 引擎误判"内容过宽"时会自动触发旋转（即使明确指定了portrait）