我從Python調(diào)用Weasyprint來生成我正在運行的模型的報告PDF。Weasyprint調(diào)用一個HTML(report.html)文件，該文件引用一個CSS文件(report.css)

我的HTML和CSS文件嚴(yán)格遵循Weasyprint示例中使用的HTML和CSS模板。我試圖在第4頁的第一列添加一個圖像(如下所示左頁大標(biāo)題...")，通過HTML如下所示，基于另一個weasyprint示例:

...
<article id="columns">
  <h2 id="columns-title">Big title on left page, with text on columns</h2>

  <h3>This is a little subtitle, here to explain what we are talking about</h3>

  <section>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat faucibus vestibulum.
    </p>
    <p>
      Phasellus id nisl nec arcu tempor ultricies non id tortor. Mauris ex nibh, viverra vitae nisi eget, placerat pharetra est.
    </p>
    </section>

    <section>
      <div class="column">
        <img src="./map.png" style="height: 10; width: 30; float:inline-start">
      </div>
      <div class="column">
        This is some text for the image.
      </div>
    </section>

    <section
    <p>
      Duis maximus mauris ac purus eleifend, sit amet blandit nulla lacinia.
    </p>
 ...

最后，我希望下面的熱圖顯示在第一列，大小為第一列的寬度。我已經(jīng)對高度和寬度的不同實例化進(jìn)行了修補，但是我根本無法將圖像變小，更無法將圖像縮小到圖像最終所在列的寬度。

這是我使用的虛擬圖像。：

這是我得到的結(jié)果: