Cómo usar CSS con HTML en C# para crear PDF con capacidad de respuesta

Tipos de CSS para pantalla e impresión (CSS3)

IronPDF genera PDFs a partir de HTML en C# y puede renderizar fácilmente una hoja de estilos de pantalla a un PDF por defecto. Esto es conveniente porque las hojas de estilo de impresión suelen estar menos documentadas, usadas o desarrolladas en comparación con sus contrapartes de pantalla.

CSS3 permite que ciertos estilos CSS se rendericen exclusivamente en documentos impresos, mientras que otros están destinados para navegadores web. IronPDF se puede programar para trabajar con ambos.

Cree y aplique una hoja de estilo de impresión a su HTML: Aprenda cómo crear y aplicar una hoja de estilo de impresión perfecta..

Es muy difícil decir cuál tipo de medio CSS es mejor ya que cada tipo se dirige a diferentes casos de uso. Vale la pena probar cada uno mediante ensayo y error para ver cuál es adecuado para sus requisitos.

Repetir encabezados de tabla

Al tratar con tablas HTML que abarcan múltiples páginas, configure la propiedad CssMediaType a PdfCssMediaType.Print. Esto asegura que el encabezado de la tabla se repita en la parte superior de cada página extendida. En contraste, PdfCssMediaType.Screen instruye a Chrome para imprimir los encabezados solo una vez.

Para asegurarse de que Chrome detecte el encabezado de la tabla, este debe estar encerrado en una etiqueta <thead>. Let's render the 'tableHeader.html example of repeating table headers' HTML file to PDF to see the effect.

:path=/static-assets/pdf/content-code-examples/how-to/html-to-pdf-responsive-css-table-header.cs

using IronPdf;
using IronPdf.Rendering;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400);

// Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;

// Render HTML to PDF
PdfDocument pdf = renderer.RenderHtmlFileAsPdf("tableHeader.html");

pdf.SaveAs("tableHeader.pdf");

Imports IronPdf
Imports IronPdf.Rendering

Private renderer As New ChromePdfRenderer()

' Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400)

' Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print

' Render HTML to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("tableHeader.html")

pdf.SaveAs("tableHeader.pdf")