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

Question

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

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

但我需要在一个独特的CSS样式表中使用它，使用媒体查询。实际上，@media screen和@media print正在工作，但似乎忽略了@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的示例也在使用它。