Javascript 如何解决PDF文件中的css格式错误？

我正在创建一个函数来转换div内容并导出为PDF文件。但是PDF文件中的css格式在网页结果中是不同的，因为css格式都在PDF文件中。可以跟网页结果一样以PDF文件打印吗？希望有人能指导我如何解决它。谢谢

下面是我的代码：

导出为PDF
如果（$pageBreak！=''）{
$qry_2=“选择已创建，将（已创建）计算为付款详细信息中的总计行，其中createdT介于“$fromDateTime”和“$toDateTime”之间，按已创建分组”；
$result_2=$conn->query（$qry_2）；
$rows_2=$result_2->fetchAll（PDO:：FETCH_ASSOC）；
回声“；
foreach（$rows\u 2作为$row\u 2）{
回声“$title
$company\u name
$report\u name
”；
echo“PayerPassport/IC节点付款类型单价数量未收到的总金额”；
foreach（$行作为$行）{
如果（$row_2['created']==$row['created']））{
回显“$row[“名称”]。$row[“标识”]。$row[“创建”]。$row[“支付选项”]。$row[“金额”]。$row[“数量”]。$row[“总金额”]。$row[“接收方”]。”；
}
}
回声“；
echo“
总记录：”；
echo$row_2[“total_row”]；
回声“最多500页”；
echo'
；
}
回声“；
}

Javascript:

var doc=newjspdf（'scape'）；
doc.fromHTML（“”+document.getElementById（'pdf'）.innerHTML+“”）；
函数saveDiv（divId，title）{
doc.save（'payment.pdf'）；
}

我的pdf输出结果如下所示：

实际上，我想打印预期输出，如下图所示（与网页结果相同）：