【发布时间】：2019-04-20 12:27:29
【问题描述】：
考虑一下这段 HTML 代码：
<html>
<body>
<div style="height:300px; width:300px; border: 2px solid black;">
</div>
</body>
</html>
在浏览器中，它显示为一个完美的正方形。如果我将此代码放在 HTML 文件中并将文件转换为 PDF，则 div 实际上会在其高度上添加额外的像素。这是肉眼在 40 像素等较小尺寸下最可见的宽度，但可以使用图形软件在任何尺寸下进行测试。
我不明白发生了什么。 PDF 转换、文件格式或 PDF 查看器是否会将像素扭曲为矩形？ PDF 转换是否将 div 解释为始终具有最小高度，然后将您的 height 属性添加到该高度？
【问题讨论】：
-
为了增加怪异，您可以尝试使用 30 x 30 像素的 div，并添加到样式属性“margin = 10px”。这实际上会将形状挤压成一个矩形。将边距增加到 20px，div 消失。
标签： html css pdf-generation