Javascript html pdf发票宽度和高度问题

我的代码运行良好，但我在页面布局上有一个问题。当我打印此文件时，它提供两页打印，我希望在一页上打印。另一个问题是我希望将此发票直接转换为pdf。请根据我的需要更正我自己的代码。我将非常感谢您。看起来反应积极

$（'#打印发票'）。单击（函数（）{
弹出（$（'.invoice'）[0].outerHTML）；
功能弹出窗口（数据）
{
window.print（）；
返回true；
}
});
#发票{
填充：30px；
}
.发票{
位置：相对位置；
最小高度：680px；
填充：15px
}
.发票抬头{
填充：10px0；
边缘底部：20px；
边框底部：1px实心#3989c6
}
.发票.公司详情{
文本对齐：右对齐
}
.发票.公司详细信息.名称{
边际上限：0；
底线：0
}
.发票.联系人{
边际下限：20px
}
.发票{
文本对齐：左对齐
}
.invoice.invoice to.to{
边际上限：0；
底线：0
}
.发票.发票明细{
文本对齐：右对齐
}
.发票.发票详细信息.发票id{
边际上限：0；
颜色：#3989c6
}
.主发票{
垫底：50px
}
.主发票，谢谢{
利润上限：-100px；
字号：2em；
边际下限：50px
}
.主发票.通知{
左侧填充：6px；
左边框：6px实心#3989c6
}
.主发票.通知.通知{
字体大小：1.2em
}
.发票表{
宽度：100%；
边界塌陷：塌陷；
边界间距：0；
边际下限：20px
}
.发票表td、.发票表th{
填充：15px；
背景：#eee；
边框底部：1px实心#fff
}
.发票表th{
空白：nowrap；
字体大小：400；
字号：16px
}
.发票表td h3{
保证金：0；
字体大小：400；
颜色：#3989c6；
字体大小：1.2em
}
.发票表.数量..发票表.总计..发票表.单位{
文本对齐：右对齐；
字体大小：1.2em
}
.发票表{
颜色：#fff；
字号：1.6em；
背景：#3989c6
}
.发票表.单位：{
背景：#ddd
}
.发票表.总计{
背景#3989c6；
颜色：#fff
}
.发票表tbody tr：最后一个子项td{
边界：无
}
.发票表tfoot td{
背景：0；
边框底部：无；
空白：nowrap；
文本对齐：右对齐；
填充：10px 20px；
字体大小：1.2米；
边框顶部：1px实心#aaa
}
.发票表tfoot tr：第一个子项td{
边框顶部：无
}
.发票表tfoot tr：最后一个子项td{
颜色：#3989c6；
字号：1.4em；
边框顶部：1px实心#3989c6
}
.发票表tfoot tr td：第一个子项{
边界：无
}
.发票页脚{
宽度：100%；
文本对齐：居中；
颜色：#777；
边框顶部：1px实心#aaa；
填充：8px 0
}
@媒体印刷品{
.发票{
字体大小：11px！重要；
溢出：隐藏！重要
}
.发票页脚{
位置：绝对位置；
底部：10px；
分页符：始终
}
.发票>部门：最后一个子项{
前分页符：始终
}
}

印刷品
导出为PDF

培训专家
培训师资格
训练类型
合作伙伴组织（如有）
事件前ID
培训主题
地点、城市、省
赛前预算
活动前日期
开支总目
单位
#单位数
单位成本（卢比）
最高费用
参考注释
培训师和参与者费用
培训师费用（Mr.）
培训师费用
培训师费用
培训师费用
培训师费用
培训师费用
支付每位参与者的费用
支付
支付
支付
支付
支付
总数：
全部的
差旅费
机票
空气