如何在yii2中单击ctrl + P使页面可打印？

Question

我正在进行一个演示项目，我需要知道如何只需按住ctrl + P即可打印页面。当我打印它只是给我一个没有CSS和样式的文档。 以下是我得到的结果以及我想要获得的pdf。

我想要这个 - ＆gt;

Answer 1

你需要为打印媒体写css正常css在这里不起作用。 这些步骤也是如此

1. 创建名为print.css

的新css文件

2. 从普通样式表复制css类，但只有上面布局中使用的那些类不是全部。

3. 隐藏那些你不想在印刷品上展示的部分。

喜欢

.navigation, header, footer{display :none!important;} 

现在将此css文件包含在具有额外属性i的视图文件中。即screen="print"

所以完整路径看起来像这样。 <link href="path/to/print.css" screen="print" />

或者你只需​​将所有css类放在主文件中的媒体查询下即可。 比如@media(print){ // all your css classes that involves in your layout and extra css to hide div that you dont want }