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 screen em 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

Aprenda a converter HTML para PDF com IronPDF for Python!

Pronto para começar?
Versão: 2026.6 recém-lançado
Still Scrolling Icon

Ainda está rolando a tela?

Quer provas rápidas?
executar um exemplo Veja seu HTML se transformar em um PDF.