Использование медиазапроса внутри 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;     }    }

Более того, мы должны сделать это, потому что mPDF дублирует контентвнутри тегов DL при использовании "page-break-inside: avoid;".

Пожалуйста, есть предложения?

Спасибо

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 тоже его использует.