반응형 HTML을 PDF로 변환
IronPDF for Python은 렌더링 중 사용되는 가상 브라우저 뷰포트 너비를 제어할 수 있게 하여, 반응형 HTML 레이아웃이 올바른 브레이크포인트에서 캡처되도록 보장합니다.
시작하기
렌더링 메서드를 호출하기 전에 CssMediaType, ViewPortWidth, 및 FitToPaperMode을 ChromePdfRenderer 인스턴스에 설정합니다. 이 세 가지 설정은 페이지 레이아웃이 평가되고 PDF 용지 크기에 맞도록 스케일링되는 방식을 제어하는 데 함께 작동합니다.
코드 이해하기
CssMediaType = PdfCssMediaType.Screen: 인쇄 스타일 대신@media screenCSS 규칙을 적용합니다. 페이지에 유지하고자 하는 반응형 데스크톱 레이아웃이 있을 때 이를 사용하십시오.ViewPortWidth = 1920: 가상 브라우저 창의 너비를 픽셀 단위로 설정합니다. 페이지는 1920px 너비의 브라우저에서 보는 것처럼 레이아웃을 잡으며, 적절한 반응형 브레이크포인트를 활성화합니다.FitToPaperMode = FitToPaperModes.AutomaticFit: 렌더링된 콘텐츠가 물리적 PDF 페이지 치수 내에 자동으로 맞도록 하여 잘리거나 넘치는 콘텐츠를 방지합니다.RenderHtmlFileAsPdf("Responsive.html"): 구성된 뷰포트 설정을 사용하여 로컬 HTML 파일을 렌더링합니다.
올바른 뷰포트 너비 선택하기
ViewPortWidth를 HTML이 설계된 중단점에 맞추세요. 일반적인 값은 다음과 같습니다:
- 1920 — 풀 HD 데스크톱 레이아웃
- 1280 — 표준 와이드스크린 데스크톱
- 768 — 태블릿/중형 브레이크포인트
- 375 — 모바일 레이아웃






