window.print로 인쇄할 때 브라우저별 높이 차이가 나요

맑은가람 2026.08.25 댓글 5

window.print로 페이지를 A4 크기에 맞춰 인쇄하고 있어요.
크롬에서는 가로와 세로가 맞게 나오는데 IE에서는 높이가 달라져 페이지 내용이 서로 겹칩니다.
이 문제를 맞추는 방법 아시는 분 계실까요?

댓글 5

세라 2026.08.25

아, 이사장님이시네요 ㅎㅎ
DevilsTears 2026.08.25

저는 전부 개발로 불러오는 방식이라서요.
독특한 2026.08.25

저도 그런 문제는 아직 겪어 보지 못했네요.
힘내세요. 팝업으로 출력하면 괜찮을 것 같은데 이상하네요.
봄시내 2026.08.25

지금 팝업으로 띄워 인쇄하고 있어요.
인쇄용 CSS에서 페이지 여백을 0으로 설정하면 크롬은 머리말과 꼬리말 없이 나오는데, IE에서는 머리말과 꼬리말이 나오고 높이도 다르게 잡히네요.
유메 2026.08.25

직접 봐야 정확히 알겠지만 인쇄용 CSS를 따로 만들어 브라우저별로 조정해 볼 수 있어요.
구조가 복잡해서 깨진다면 새 창을 띄워 그 안에 이미지를 넣고 window.print를 실행한 뒤, 인쇄가 끝나면 창을 닫는 방법도 있습니다.