在 CSS 中的“@media”表达式中使用媒体查询

Question

我在手册中读到可以使用 CSS 媒体查询，例如：

<link href="mypdf.css" type="text/css" rel="stylesheet" media="mpdf" />

但我需要使用媒体查询在独特的 CSS 样式表中使用它。实际上，

@media screen

和

@media print

正在工作，但似乎mpdf忽略了

@media mpdf

。我没有找到任何包含此标签的示例，所以也许我错了，媒体查询在 mPDF 中不起作用。

@media print { dl {  page-break-inside: avoid;  }    }
@media mpdf  { dl {  page-break-inside:inherit;     }    }

此外，我们需要这样做，因为当使用“

page-break-inside: avoid;

”时，mPDF 会复制 DL 标签内的内容。

请问，有什么建议吗？

谢谢你

Answer 1

是否需要将配置变量 CSSselectMedia 设置为您的媒体查询名称“mpdf”。

// require composer autoload
require __DIR__ . '/vendor/autoload.php';
$mpdf = new \Mpdf\Mpdf();
$mpdf->CSSselectMedia = 'mpdf';
...

了解更多详情：https://mpdf.github.io/reference/mpdf-variables/cssselectmedia.html

来自 https://mpdf.github.io/real-life-examples/pdf-from-every-page-of-website.html 的示例也在使用它。