クロムとサファリで印刷幅が異なる

Question

私はモーダルビューでレポートビューアを実装しています。 これらの印刷スタイルの一部です：Firefoxのオン

@page{ 
    margin: 5mm; 
} 

body{ 
    visibility: hidden; 
} 
.modal-report{ 
    width: 100%; 
    height: 100%; 
    margin: 0; 
} 
#report-view-container-id, #report-view-container-id *{ 
    visibility: visible; 
} 
#report-view-container-id{ 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top:0; 
    left: 0; 
} 

.report-view-container-letter 
{ 
    max-width: 23.59cm; 
    max-height: 27.94cm; 
    min-width: 23.59cm; 
    min-height: 27.94cm; 
    padding-right: 15px; 
    padding-left: 15px; 
} 

私は印刷しようとする幅は完璧しかしグーグルクロームにある素晴らしい作品としてSafariは約60％です。 すでに6年前に尋ねられたquestionがありますが、それは何も言いません。 Firefoxのオン

：グーグルクロームとSafariで

：

これは、これはまだ答えが、コメントではありません私の場合

Answer 1

を再作成しようとしている少しplnkrです私に必要な書式を含めることはできません。

@pageは有効なメディアクエリではありません。無視される。印刷スタイルの場合は、@media printにする必要があります。 marginは何にも適用されていない - あなたは

@media print { 
    mytargetelement { 
     margin: 5mm 
    } 
} 

のようなものは、それがすべてで、あなたの問題を助けていたいですか？