Javascript 如何在单击ctrl+；yii2中的P？

我正在做一个演示项目，我需要知道如何使页面只需按ctrl+p键即可打印。当我打印它只是给我一个没有css和样式的文档。 这是我得到的结果和我想要得到的pdf。

---

我想要这个->

你需要为印刷媒体编写css，普通css在这里不起作用。 这些步骤也是如此

创建名为print.css的新css文件

从您的常规样式表复制css类，但仅复制在上述布局中使用的类，而不是全部

隐藏那些你不想在印刷品上显示的部分

像

现在在视图文件中包含这个css文件，并带有额外的属性i。e<代码>屏幕=“打印”

所以完整路径看起来像这样。

或者，您可以通过将所有css类放在主文件的“媒体查询”下来实现这一点。 像

@媒体（打印）{
//布局中涉及的所有css类以及隐藏不需要的div的额外css
}

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