title: pdfkit generates small scaled pdfs
body: <p>I am using pdfkit in order to generate pdfs from html strings, rendered by my Django's views.</p>
  
  <p>For some reason, the output pdf is small.
  My pdfkit option dictionary is -</p>
  
  <pre><code>options = {
              'quiet': '',
              'page-size': 'A4',
              'margin-top': '0.75in',
              'margin-right': '0.75in',
              'margin-bottom': '0.75in',
              'margin-left': '0.75in',
              'disable-smart-shrinking': ''
          }
  </code></pre>
  
  <p>and the output file is <a href="http://docdro.id/LXobFz9" rel="noreferrer">here</a>
  <br><br>Html code is -</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="pdfkit-orientation" content="Portrait"/&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;title&gt;Dribble&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"&gt;
      &lt;!-- Google Font --&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet"&gt;
      &lt;!-- Custom Font --&gt;
      &lt;style&gt;
          body {
              font-family: 'Open Sans', sans-serif;
  
          }
  
          p, a {
              color: #002f54;
          }
  
          .nav {
              background: #002f54;
              color: #FFFFFF;
              border-radius: 5px;
          }
  
          .ico {
              padding-right: 5px;
              top: 3px;
          }
  
          .nav &gt; li p {
              text-align: center;
              font-size: 36px;
              font-weight: 800;
          }
  
          .right-align {
              float: right;
          }
  
          .pad-mar {
              font-size: 18px;
              padding-top: 10px;
              padding-bottom: 10px;
              margin-left: 30px !important;
              margin-right: 30px;
          }
  
          .pad-mar-middle {
              font-size: 18px;
              padding-top: 78px;
              padding-bottom: 25px;
              margin-left: 30px !important;
              margin-right: 30px;
          }
  
          .pad-mar-bottom {
              font-size: 18px;
              padding-top: 10px;
              padding-bottom: 90px;
              margin-left: 30px !important;
              margin-right: 30px;
          }
  
          .pad-mar-footer {
              padding-top: 20px;
              margin-left: 30px !important;
              margin-right: 30px;
          }
  
          .bor-bottom {
              border-bottom: 2px solid #ccc;
          }
  
          .no-pad {
              padding-left: 0;
          }
  
          .section {
              margin-top: 20px;
              margin-bottom: 20px;
          }
  
          .bold {
              font-weight: 700;
              color: #002f54;
          }
  
          .small {
              font-size: 14px;
          }
  
          .bolder {
              color: #002f54;
              font-weight: 800;
              font-size: 22px;
          }
  
          .normal {
              color: #002f54;
              font-weight: 700;
          }
  
          .smaller {
              font-size: 14px;
              font-weight: 700;
          }
  
          h3 .bold {
              margin-top: 0;
          }
  
          .neg-mar {
              margin-top: -25px;
          }
  
          .cus-img {
              max-width: 85px;
              margin-bottom: 10px;
          }
  
          .nav-stacked.mob &gt; li {
              font-size: 16px;
              margin-left: 0px !important;
              margin-right: 0px;
              margin-bottom: 10px;
              padding-top: 5px;
              border: 1px solid #EB6C6D;
              border-radius: 5px;
              font-weight: 300;
              text-align: center;
              color: #EB6C6D;
          }
  
          .nav-stacked.mob &gt; li p {
              color: #002f54;
          }
  
          .nav.mob {
              background: #FFFFFF;
          }
  
          .pad-mar-bottom.mob {
              margin-left: 0px !important;
              padding-bottom: 10px;
          }
  
          .pad-mar-footer.mob {
              margin-left: 0px !important;
              text-align: center;
              padding-top: 10px;
          }
  
          .l-mar {
              margin-left: 40px;
          }
  
          .titl {
              color: #EB6C6D;
              font-size: 16px;
          }
  
          .bot-mar {
              margin-bottom: 20px;
          }
  
          .container {
              max-width: 575px;
          }
      &lt;/style&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;section class="section"&gt;
      &lt;div class="container"&gt;
  
          &lt;div class="row bor-bottom bot-mar"&gt;
              &lt;div class="col-xs-6 "&gt;
                  &lt;img src="https://api.figo.me/assets/images/accounts/north_channel_bank_144.png"
                       class="img-responsive cus-img"/&gt;
                  &lt;p&gt; Commerzbank Service-BZ&lt;/p&gt;
                  &lt;p&gt;First line&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-xs-6"&gt;
                  &lt;div class="right-align neg-mar"&gt;
                      &lt;h3 class="bold"&gt;First line&lt;/h3&gt;
                      &lt;p class="bold"&gt;First line&lt;/p&gt;
                      &lt;p class="bold"&gt;First line&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;
              &lt;div class=""&gt;
                  &lt;ul class="nav nav-stacked mob"&gt;
                      &lt;li&gt;&lt;span class="glyphicon glyphicon glyphicon-user ico"&gt;&lt;/span&gt;From&lt;p&gt;Rewe GmbH&lt;/p&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span class="glyphicon glyphicon glyphicon-credit-card ico"&gt;&lt;/span&gt;Amount&lt;p&gt;$ 32,10 USD&lt;/p&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span class="glyphicon glyphicon glyphicon-calendar ico"&gt;&lt;/span&gt;Payment Date&lt;p&gt;Nov 5, 2017&lt;/p&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row pad-mar-bottom mob bor-bottom"&gt;
              &lt;p class="titl"&gt;&lt;span class="glyphicon glyphicon-tag ico"&gt;&lt;/span&gt;Payment Reference&lt;/p&gt;
              &lt;div class="l-mar"&gt;
                  &lt;p class="normal"&gt;Hello Ennio,&lt;/p&gt;
                  &lt;p class="normal"&gt;You sent a payment of &lt;span class="bolder"&gt;$20.00 USD&lt;/span&gt; to Dribble. (&lt;a
                          href="mailto:paypal@dribble.com"&gt;paypal@dribble.com&lt;/a&gt;)&lt;/p&gt;
                  &lt;div class="no-pad"&gt;
                      &lt;p class="smaller"&gt;It may take a few moments for this transaction to appear in your account.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;footer&gt;
              &lt;div class="row pad-mar-footer mob"&gt;
                  &lt;a class="smaller" href="#"&gt;This document was automatically generated by Koryo&lt;/a&gt;
              &lt;/div&gt;
          &lt;/footer&gt;
      &lt;/div&gt;&lt;!-- Container --&gt;
  &lt;/section&gt;
  
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>