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

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;     }    }

此外，由于mPDF在使用“ page-break-inside: avoid;”时在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中的示例也正在使用它。