我正在使用第三方库将页面导出为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>