Question

我有一个简单的网页，使用bootstrap for css。我想使用wkhtmltopdf将页面导出为pdf，但是一些css样式完全被忽略，但其他的没有。

这是我的代码：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href='file:///C:/Users/luna/Desktop/pdftemp/css/bootstrap.css' rel="stylesheet">
  <title>
     PDF Template
  </title>
</head>
<body>
  <div class="panel panel-success">
    <div class="panel-heading">
      <h4 class="panel-title">Basic Details</h4>
    </div>
  <div class="panel-body">
     <div style="margin-right: -15px; margin-left: -15px;">
        <div class="col-lg-4">          
            Experiment Name: <br> 
            TestExp 
            Date: <br>
            24.05.2015  
        </div>
        <div class="col-lg-4">      
           Experiment Name: <br> 
           Test<br>
           Date: <br>
            24.05.2015
        </div>
    </div>      
 </div>
</body>

浏览器视图： Browser Output

PDF：

PDF Output

我想实现，pdf与浏览器输出相同。我做错了什么？

Answer 1

您需要更改查看端口的大小-

设置page.viewportSize = { width: 1280, height: 1024 }会导致1280 x 800的“我的屏幕分辨率是多少”。

WKhtmltopdf渲染pdf与html页面不同

1 个答案: