小编Zbe*_*rno的帖子

从Google Chrome打印引导页面会导致(有时)打印页面的截断高度

从这个官方模板开始: http://getbootstrap.com/examples/jumbotron/ bootsrap v.3.3.7并使用Google Chrome v.54.0.2840.99 m(64位),在最大化窗口1920px监视器上,当我尝试要以A4横向格式打印页面,打印预览(以及保存的PDF或打印页面)将被高度截断.
在这种特定情况下应该是2页高度而不是1.
这发生在:

  • 从Chrome打印(在Firefox v50.0.1和IE11中,问题不存在)
  • 当我在屏幕模式下打印时cols没有折叠(在上面的boostrap示例中,当窗口的宽度大于或等于992px并按下打印时.如果窗口小于992px并按下打印,则打印预览未截断)
  • 单个纸张高度比自举页面缩短(在上面的自举示例中,A4垂直不会重现问题,因为内容不足)

我注意到,如果我float:left;从所有.col-**-*打印预览中删除不截断,但很明显单列模板并不总是适合打印.

您也可以在原始bootstrap示例中复制该错误.
如何在打印模式下获取引导网格,并且打印页面不会被Chrome截断?

css printing height google-chrome twitter-bootstrap-3

8
推荐指数
3
解决办法
5344
查看次数