a melhor prática é utilizar @media print em CSS. Esta media query permite definir estilos específicos que serão aplicados apenas quando a página for impressa ou salva como PDF.
Boas práticas essenciais:
@media print: Encapsule todos os estilos específicos para impressão dentro de um bloco @media print { ... }. Isso separa os estilos de impressão dos estilos de tela, garantindo que as alterações não afetem a visualização web normal. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Printing
Paged Media: Utilize propriedades CSS como page-break-before, page-break-after, e page-break-inside para controlar quebras de página e otimizar o layout para o formato de página impressa. Consulte a documentação MDN sobre Paged Media para detalhes: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_paged_media