A4页太小了

Question

所以我试图打印（CTRL + P）页面。我有我需要的所有重置，所以我不需要担心我的文档边缘或填充。但是，我根本无法获得与A4页面相匹配的大小。以下是我的尝试：

@media print {
    .page {
        height: 297mm;
        width: 210mm;
        margin: 30mm 10mm;
    }
}

我也尝试过：

@media print {
    @page {
        height: 297mm;
        width: 210mm;
        margin: 30mm 10mm;
    }    
}

我也尝试过这样做：

.page {
    height: 297mm;
    width: 210mm;
    margin: 30mm 10mm;
}

但所有这些都只是让我的打印不合适。当我在border: 1px solid #000元素上抛出.page时，该页面几乎是A4页面的50％。

我想要达到的目标是：我有1个.page个元素。无论有多少，我都不想打印一个空页（就好像一页突然是1px太高）。我怎样才能实现这样的目标？