`window.print()`를 사용할 때 원하지 않는 머리글과 바닥글을 제거하는 방법은 무엇입니까?

window.print()에서 머리글과 바닥글을 억제하는 방법

window.print()를 호출하여 웹페이지를 인쇄할 때 원치 않는 머리글이 표시됩니다. 페이지 제목, 파일 경로, 페이지 번호 및 날짜를 ​​표시하는 바닥글이 나타날 수 있습니다. 이 가이드는 이러한 추가 요소를 제거하는 방법을 보여줍니다.

해결책:

Chrome에서는 CSS 규칙 @page를 활용하여 자동 머리글과 바닥글을 숨깁니다.

@page {
  margin: 0;
}

콘텐츠가 페이지 경계까지 확장되면 인쇄되는 머리글과 바닥글이 중복됩니다. 그러나 콘텐츠가 페이지 가장자리를 넘어 확장되는 것을 방지하려면 본문 요소에 여백이나 패딩을 지정해야 합니다. 프린터는 일반적으로 여백 없는 인쇄를 지원하지 않으므로 다음 사항을 고려하십시오.

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

그러나 콘텐츠가 여러 페이지에 걸쳐 있는 경우 여백이 고르지 않아 인쇄 레이아웃이 왜곡되어 나타날 수 있습니다. 첫 번째 페이지의 상단 여백은 1.6cm이고 마지막 페이지의 하단 여백은 1.6cm로 중간 페이지에는 여백이 없습니다.

이 솔루션은 글을 쓸 당시 Chrome에서 효과적이었지만(5월) 2013), 다른 브라우저 간의 호환성이 변동되었습니다. 다른 브라우저에 대한 지원이 필요한 경우 PDF를 동적으로 생성하고 대신 인쇄하는 것을 고려해 보십시오.

위 내용은 `window.print()`를 사용할 때 원하지 않는 머리글과 바닥글을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!