크롬 및 사파리의 인쇄 폭이 다릅니다.

Question

저는 모달보기에서 보고서 뷰어를 구현하고 있습니다. 이 인쇄 스타일 중 일부입니다 : 파이어 폭스에

@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; 
} 

I 인쇄하려고 폭 완벽하지만 구글 크롬에 좋은 작품과 함께 사파리은 약 60 %이다. 6 년 전에 이미 question이 물었습니다.하지만 아무 말도하지 않습니다.

파이어 폭스에

는 : 구글 크롬과 사파리에

:

이 조금 plnkr 내 경우 다시 시도는

Answer 1

이 아직 대답하지만, 주석입니다 내가 필요한 형식을 포함시키지 않을 것입니다 ...

@page은 유효한 미디어 쿼리가 아니므로 무시. 인쇄 스타일의 경우 @media print이어야합니다. margin은 아무것도에 적용되지 않는 - 당신이

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

같은 것이 그 모든 문제를 도움이 되는가 싶어?