css - print.css は、ブラウザーごとに異なって見えます

Question

ユーザーが印刷できるページがあります。しかし、印刷は特定の要素だけをすべて印刷することを想定していません。

だから私はそれを処理するprint.cssファイルを持っています:

body{
    font-size:2.5em;
}

container-a{
    display: none;
}

container-b{
    display: none;
}

container-c{
    height: 50%;
    border-bottom: 2px solid black;
}

container-d{
    height: 50%;
    border-bottom: 2px solid black;
}

Chrome バージョン 79.0.3945.88 を搭載した Ubuntu マシンで開発しています。だから私がクリックすると、Ctrl + Pすべてがうまく見えます。

しかし、Chrome バージョン 80.0.3987.163 を展開して Windows マシンから確認すると、形式がすべて間違っています。フォント サイズが大きすぎて、印刷ページに半分しか表示されません。

22px代わりにフォントサイズなどの設定値を使用してみました2.5emが、何も変わりませんでした。実際、詳細設定に移動し、スケールを「デフォルト」から「カスタム 60%」に設定する必要があります。これにより、印刷ページが開発マシンの印刷ページのように見えます。

なぜ違いがあるのですか？% と em を使用しているので、どこでも同じように見えるはずだと思いましたか?