响应式HTML到PDF
IronPDF for Python允许您控制在渲染过程中的虚拟浏览器视口宽度,确保响应式HTML布局在正确的断点被捕获。
开始
在调用渲染方法之前,在FitToPaperMode。 这三个设置协同工作以控制页面布局如何评估和缩放以适应PDF纸张尺寸。
理解代码
CssMediaType = PdfCssMediaType.Screen: 应用@media screenCSS规则而不是打印样式。 当页面有一个需要保留的响应式桌面布局时,使用此选项。ViewPortWidth = 1920: 设置虚拟浏览器窗口的宽度(像素)。 页面会像在一个1920px宽的浏览器中查看一样布局,激活相应的响应式断点。FitToPaperMode = FitToPaperModes.AutomaticFit: 自动缩放渲染内容以适应物理PDF页面尺寸,避免裁切或溢出内容。RenderHtmlFileAsPdf("Responsive.html"): 使用已配置的视口设置渲染本地HTML文件。
选择正确的视口宽度
将ViewPortWidth与您的HTML设计的断点匹配。 常见的值是:
- 1920 — 全高清桌面布局
- 1280 — 标准宽屏桌面
- 768 — 平板/中等断点
- 375 — 移动布局






