将div设置为A4纸张的尺寸是纵向的，而不是横向的

Question

我正在使用mPDF工具制作HTML文档以转换为PDF。

为此，我制作了一张包装纸，其尺寸为一张A4纸：

.wrapper{
    height:210mm;
    width:297mm;
    page-break-after:always;
}

这很好用。它适合A4打印并完美打印。

但是，当我交换值使其成为风景时：

.wrapper{
    height:297mm;
    width:210mm;
    page-break-after:always;
}

页面重叠并占用2页。

有人知道为什么会这样吗？