Я добавляю шаблон заголовка и нижнего колонтитула в pdf, сгенерированный puppeteer, но добавленная мною CSS не применяется полностью.
await page.pdf({
path: filePath,
format : 'A4',
printBackground : true,
margin : { top : 35, bottom: 45},
displayHeaderFooter : true,
headerTemplate : `
<div style="height: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 6px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.5px;">
<span class="date"></span>
<span class="title"></span>
<span class="pageNumber"></span>
</div>`,
footerTemplate : `<span class="pageNumber" style="font-size: 20px;"></span>`
})
Я протестировал в браузере, что этот html выдает правильный вывод.Более того, font-size отвечал, но не так, как в браузере.то есть я дал font-size : 16px в браузере, он показывал безупречно, но с таким же значением в сгенерированном pdf шрифт был слишком большим.
То, что я ожидал, работало, было justify-content, но вместо этого все было на левой стороне.
На что все css будут реагировать?