html - 在 "@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也在使用它。