HTML responsivo para PDF
IronPDF for Python permite controlar a largura da janela de visualização do navegador virtual usada durante a renderização, garantindo que os layouts HTML responsivos sejam capturados no ponto de interrupção correto.
Começando
Defina CssMediaType, ViewPortWidth e FitToPaperMode em uma instância ChromePdfRenderer antes de chamar um método de renderização. Essas três configurações trabalham juntas para controlar como o layout da página é avaliado e dimensionado para caber no tamanho do papel PDF.
Entendendo o código
CssMediaType = PdfCssMediaType.Screen: Aplica regras CSS@media screenem vez de estilos de impressão. Use isso quando a página tiver um layout de desktop responsivo que você deseja preservar.ViewPortWidth = 1920: Define a largura da janela do navegador virtual em pixels. A página será disposta como se visualizada em um navegador com largura de 1920px, ativando os pontos de interrupção responsivos apropriados.FitToPaperMode = FitToPaperModes.AutomaticFit: Dimensiona o conteúdo renderizado para se ajustar automaticamente dentro das dimensões físicas da página PDF, evitando conteúdo cortado ou transbordado.RenderHtmlFileAsPdf("Responsive.html"): Renderiza um arquivo HTML local usando as configurações de visualização configuradas.
Escolhendo a Largura de Janela de Visualização Correta
Combine ViewPortWidth com o ponto de interrupção para o qual seu HTML foi projetado. Valores comuns são:
- 1920 — Layout de desktop Full HD
- 1280 — Desktop padrão widescreen
- 768 — Ponto de interrupção para tablet/médio
- 375 — Layout para mobile

