打印时CSS消失

Question

打印时我的CSS消失的原因。我需要将金额定位在正确的

请帮助

Answer 1

当您的链接代码设置为media="screen"时会发生这种情况。这意味着CSS将仅在屏幕上应用，而不是在打印页面时应用。要使CSS也适用于打印，请设置media="all"或省略媒体属性。您还可以为仅打印样式设置media =“print”。希望这有帮助！

如果你想为屏幕和任何其他输出设备使用相同的css文件而不是：

<link type="text/css" media="all" rel="stylesheet" href="base.css">

否则，您可以将单独的css文件用于不同目的：

<link type="text/css" media="screen" rel="stylesheet" href="base.css"> <link type="text/css" media="print" rel="stylesheet" href="/print.css">

注意：要节省墨迹，浏览器不会打印背景。我建议你创建一个打印样式表。对于打印，可以隐藏页面的许多元素，如搜索框和导航。

Answer 2

通过检查图像，我了解到您正在尝试以pdf格式打印css以进行打印。但问题是普通的CSS不能用于pdf。您需要创建另一个具有media =“print”属性的css，如下所示。

connect(ui->m_but, &QPushButton::clicked, Downloader::DoDownload);

复制并粘贴主要样式，并将您不想打印的任何部分更改为display：none。改变其他风格以适应。

Answer 3

将相同的css应用到“@media print”中。它用于将css应用于打印选项