Oracle APEX - 如何在打印时缩放区域以适合单页答案

【问题标题】：Oracle APEX - How to scale region to fit on single page when printingOracle APEX - 如何在打印时缩放区域以适合单页
【发布时间】：2016-02-10 15:22:06
【问题描述】：

我最近才开始我的 APEX 之旅（我确信这就是我想留下来的地方！）所以请原谅我可能制作的任何“白痴”cmets！

我正在使用 APEX 5.0.3 和通用主题。

我已按照 Christian Rokkita 在以下博客中提供的步骤创建了一个组织树；

Oracle 和 Apex Geekery：带有 APEX 列表的纯 CSS3 组织树

我只有有限的 CSS 和 JavaScript 知识，但已经成功地进行了一些编辑以满足我们的特殊要求。我苦苦挣扎的地方是打印区域不适合单页。

我尝试编辑 CSS，尝试使用 JavaScript 在新的弹出窗口中打开，我深入研究了打印样式表，目前正在使用“标准”页面模板的编辑版本，以便我可以使用@media Print 来停止显示某些项目。在 CSS 方面，我曾尝试使用缩放和分页符，但经过 4 天的工作后，除了这个打印问题，我开始怀疑我是否完全错误地处理它。

有人能帮忙解决以上问题吗？基本上，我需要在打印时使组织结构图适合单页；几乎就像我已经“缩小”直到它在一页上然后打印。

我没有放链接或屏幕截图，但是如果您需要任何进一步的信息，请告诉我，我会直接解决！

谢谢大家！！！

理查德

【问题讨论】：

您好，我已按照您的建议（大部分）重现了该问题。唯一的区别是我有更多的数据，所以 OrgTree 更大；我也使用了最小（无导航）模板，但是在我的应用程序中，我使用“无打印”来确保打印时不显示项目。希望这有助于说明问题；当您打印页面时，树区域不适合单个页面。细节是；工作区：ORGTREE 用户名：访客密码：OrgTree！如果您需要任何进一步的信息，请告诉我！再次感谢！

标签： javascript html css printing oracle-apex

【解决方案1】：

我收到了来自 Oracle 社区的回复；我仍然遇到问题，因为我需要根据经理有多少孩子来缩放打印尺寸。

目前较大的图表还不够“缩小”...

JMcG 2016 年 2 月 10 日 21:06（回应 RickieRich）检查第 4 页，我在其中添加了以下特定于打印的样式声明。

@media print {  
  .tree li a {  
    /*font-size: 15px;*/  
    font-size: 0.8rem;  
    line-height: 1rem;  
    border: 1px solid #000000;  
  }  
  .tree ol, .tree ul {  
    margin: 0;  
  }  
  .tree li::before, .tree li::after {  
    border-top: 1px solid #000000;  
  }  
  .tree li::after {  
    border-left: 1px solid #000000;  
  }  
  .tree li:last-child::before {  
    border-right: 1px solid #000000;  
  }  
}

谢谢，瑞奇里奇

【讨论】：