chrome 打印配货单,内容只显示一半


1. 环境

  • 服务器:Windows Server 2008 R2
  • 客户端:windows 10 21H2
  • chrome: 96.0.x
  • 网站语言:asp+html
  • bootstrap: V4.6.x

2. 问题描述

打印配货单,预览只能显示一半内容,更换系统打印也是相同问题。更新之前还是正常的
或者字体很小,剧中显示,缩放200% 也还是无法正常显示

3. 解决过程

  • 试了各种方法,还是不行,最后是在没办法的情况下换了版本,才解决的
  • 解决后,又对样式文件做了比较,猜得出结论,这点给忽略了

4. 最终解决方案

  • 调试打印机,重新设置纸张规格无效
  • 更换 bootstrap V5.1.x 就好了
  • 后发现 V4.6 中有如下代码,设置了最小宽度,应该是这个问题导致的

image.png

  • 再上图中还有一段代码 @page { size: a3; }?

5. 总结

  1. 把 Bootstrap 从 v4 升级到 v5 即可

6. 已知BUG

暂无

参考资料

  • Web CSS @page(developer.mozilla.org)
  • bootstrap 的 iusses 页面查询