html - HTML ページが CSS ドキュメントに従って印刷されないのはなぜですか?

Question

つまり、基本的に、CSS ドキュメントが印刷されないようにしています。

ここに私のCSSがあります：

/* Making the page A4 compatible */

body 
{
    margin: 0;
    padding: 0;
    font: 12pt "Tahoma";
}

* 
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page 
{
    width: 21cm;
    min-height: 29.7cm;
    padding: 2cm;
    margin: 1cm auto;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage 
{
    height: 237mm;
}

@page 
{
    size: A4;
    margin: 0;
}

@media print 
{
    .page 
    {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

私はページを完全にA4互換にしましたpage.

window.print();次に、この div の外側 (終了bodyタグのすぐ内側) のボタンからprint via を呼び出します。

ただし、4ページが印刷されています。1 つは完璧、2 つは空白、1 つはボタンだけですか?

これらのページにはすべて、URL、日付、時刻、ページ番号が記載された煩わしいフッターがあります。私はどこでも検索しましたが、このコードはこれを削除するためのものでしたが、何もしませんでした:

@page 
{
    margin: 0;
}

なぜこれが起こっているのかについて誰か提案がありますか?