在 Chrome ion-modal-view 上打印长内容不允许所有页面

Question

我已经搜索并尝试过发布的文章。 如

@media print {
  .modal {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    visibility: visible;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;
  }
  .modal-dialog {
    visibility: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important;
  }
}

它完全适用于引导模式视图。 但它不适用于内容较长的 ion-modal-view。

一个奇怪的点......如果页面是桌面模式https://d.pr/i/Rl8VFR ，那么 window.print() 对所有页面都有效。 但如果页面是移动模式https://d.pr/i/NO4fbI ，则 window.print() 仅打印第一页。

您有什么想法可以解决 ion-modal-view 长内容上的这个问题吗？

提前致谢。

Answer 1

通过简单修改打印样式解决了问题。 当离子模态被激活时， <body>标签具有height: 100%属性。 这是不允许打印所有页面的原因。 所以当你在 ionic modal view 上使用 print 时，你必须设置

body { height: auto !important; }

我会帮你的。 此解决方案完全适用于 ionic v1。 谢谢

在 Chrome ion-modal-view 上打印长内容不允许所有页面

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-12-09 09:13:59

在 Chrome ion-modal-view 上打印长内容不允许所有页面

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-12-09 09:13:59

解决方案1
1 已采纳 2019-12-09 09:13:59