将网页导出为PDF

Question

我正在使用第三方库将页面导出为PDF，这对于Desktop来说效果很好，并且显示了根据UI正确对齐的div。 例如，如果一行中有两个div，则PDF的布局也相同。

但是，当我在移动设备上访问同一网页时，PDF上的div就像移动设备上的UI一样位于另一个页面的下方。 桌面版和移动版PDF是否有任何相同的显示方式？

我创建了一个简单的div HTML。

.divClass{
  display : inline-block;
  width : 100px;
  border : 1px solid green;
  padding: 20px;
  margin : 10px;
}

<div class="divClass">
  <h1> First</h1>
  <p> First Div content</p>
</div>

<div class="divClass">
  <h1> Second</h1>
  <p> Second Div content</p>
</div>