Javascript 将CSS样式的HTML导出为PDF

我正在申请一份工作，需要一份简历。因为我真的很讨厌使用Word，它让我发疯，我只是用HTML和CSS来使用它，我想以后将它导出为pdf会很容易

但是，结果比预期的要难。我尝试过使用jsPDF和几乎所有关于stackoverflow的帖子中描述的关于这个主题的方法，但不知何故它总是被扭曲或者根本不起作用。 不是没有css，就是pdf里只有我简历的一部分

我已附上文件，需要将

.page

导出为pdf格式，格式应为A4

有没有办法使用JavaScript/jQuery实现我需要的功能？ 在最坏的情况下，我也可以使用php，但这会使事情变得更加复杂

我知道这可能是最简单的，只是在文字或类似的东西，关于时间消耗。但是仅仅出于个人兴趣，我该怎么做呢

提前非常感谢你们

*{
保证金：0；
填充：0；
字体系列：“开放式SAN”；
}
身体{
背景：#aaa；
}
.达什{
内容：''；
宽度：100%；
高度：1px；
背景：#6767；
显示：块；
明确：两者皆有；
}
.第页{
宽度：1000px；
高度：1414.2135px；
背景：白色；
保证金：100像素自动；
位置：相对位置；
溢出：隐藏；
}
.page.overlay#左#正{
宽度：200%；
高度：500px；
背景：#6767；
位置：绝对位置；
z指数：1；
变换：旋转（-45度）；
左-100%；
顶部：-50px；
}
.page.overlay#右#{
宽度：200%；
高度：500px；
背景：26556d；
位置：绝对位置；
变换：旋转（16.18度）；
z指数：2；
左：-100px；
顶部：-249px；
}
.页.左，
.佩奇，对{
浮动：左；
}
.第页，左{
宽度：钙（38.1966%-50px）；
身高：100%；
背景：#eee；
填充：565px25px0；
}
.第页.左img{
宽度：250px；
位置：绝对位置；
左：60px；
顶部：190px；
z指数：2；
}
.页.左.部分{
边缘底部：25px；
}
.页.左.节.联系人{
位置：绝对位置；
左：25px；
底部：0；
}
.佩奇，对{
宽度：钙（61.8034%-50px）；
身高：100%；
利润上限：200px；
填充：25px；
}
.第页.右侧.顶部h1{
颜色：#255571；
字体大小：35px；
浮动：左；
}
.页.右.顶部h2{
颜色：#666；
字体大小：20px；
浮动：左；
边缘顶部：15px；
左边距：10px；
字体大小：400；
}
.页.右.上：后面{
内容：''；
显示：块；
明确：两者皆有；
高度：25px；
}
.页.右.章节：后{
内容：''；
显示：块；
明确：两者皆有；
高度：25px；
}
.第页.第h1节{
颜色：26556d；
字体大小：25px；
文本转换：大写；
}
.第页.右侧.第节.子节{
填充：5px 0 10px；
}
.页.右.小节.分半部分{
宽度：50%；
浮动：左；
}
.第页.右侧.小节.子h2{
颜色：#6767；
字号：18px；
}
.第页.右侧.第h3小节{
颜色：#6767；
字号：18px；
字体大小：400；
边缘底部：5px；
}
.第页右侧第h4小节，
.第页.左侧.第p节{
颜色：#777；
字号：17px；
字体大小：400；
}
.第页.右侧.小节.分页{
左边距：30px；
颜色：#777；
字号：17px；
字体大小：400；
}

关于我

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

接触

无名氏

某街123号

1234城市


T:012345678910

M:约翰。doe@mail.com

无名氏
01.01.1990
乱数假文
学校（2,0）
2000年9月至2015年8月
某学校
理学学士。生意
2016年9月至2019年3月
某大学
乱数假文
某公司的软件开发人员
2015年8月至2016年3月

Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter

某公司的软件开发人员
2016年4月至2017年2月

Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter

某公司的软件开发人员
2017年3月-2018年3月

Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter

乱数假文
IT知识

PHP、Java、JavaScript
HTML、CSS、jQuery、MySQL
操作系统：Windows、MacOS

语言文字

德文
英式
法语的
西班牙文

兴趣

洛尔