HTML + CSS 制作 PDF 简历，轻松Get

1、准备 HTML 和 CSS

先将 HTML 和 CSS 文件写起来，填充自己想要的内容和基础样式。

2、模拟浏览器 print 样式，方便调试

在 CSS 中加入

@media print {  /* 仅适用于打印场景 */
    body {
        width: 210mm;    /* 宽度设为A4纸的标准宽度（210毫米） */
        height: 297mm;   /* 高度设为A4纸的标准高度（297毫米） */
        margin: 0;       /* 去除默认边距，避免打印时出现不必要的空白 */
    }
}

再使用 Rendering 面板，找到 Emulate CSS media type，在下拉菜单中选择 print ，页面会立即应用打印样式（背景变白/布局变化）

此时的页面样式就与浏览器通过 print 功能生成的 PDF 基本上一致。可以根据页面显示，来修改调整样式。

3、通过浏览器的 print 功能，生成 PDF 文件

浏览器右键的 print 功能 （ctrl + p），直接生成 PDF

大功告成。

此方法简单方便，可以生成任何你想要的简历样式。