브라우저 전반에 걸쳐 HTML 인쇄에 대한 프린터 설정을 어떻게 제어할 수 있습니까?

브라우저 인쇄 옵션 비활성화: 머리글, 바닥글, 여백

다양한 경우에 컴퓨터에서 인쇄할 때 기본 프린터 설정을 제어해야 할 필요성이 발생합니다. PDF 또는 기타 플러그인을 우회하는 HTML 형식의 브라우저입니다. CSS를 통해 페이지 방향과 여백을 수정하는 방법이 존재하지만 Firefox에 0.5인치 여백이 추가되는 등 브라우저 간에 불일치가 발생합니다.

CSS 접근 방식

CSS 페이징된 미디어별 형식을 허용하는 @page 지시문을 통합합니다. 그러나 브라우저 호환성으로 인해 효율성이 제한됩니다. Safari는 페이지 여백 설정에 대한 지원이 부족하지만 다른 주요 브라우저에서는 이를 구현합니다.

@page 구현

@page 지시어를 활용하면 페이지의 프린터 여백을 지정할 수 있습니다. HTML 요소의 CSS 여백과 다릅니다.

@page {
  margin: 0mm;  /* Affects printer settings margin */
}

주의

이 방법은 효과적일 수 있지만 제한 사항이 있습니다.

• Firefox 3.6: 지원하지 않습니다.
• IE 7, Safari 5.1.7, Google Chrome 4.1: 또한 지원하지 않습니다.

다른 브라우저에서의 성공

• IE 8, Opera 10, Google Chrome 21, Firefox 19: 페이지 여백 설정을 지원하지만 다양한 동작을 나타냅니다.

브라우저별 동작

IE: 여백은 0mm로 설정되어 있지만 사용자는 인쇄 미리보기에서 수정할 수 있습니다.
Firefox: 콘텐츠의 위치를 ​​올바르게 지정하지만 브라우저와 페이지 머리글/바닥글을 모두 표시합니다.
Opera: 머리글을 숨기지만 바닥글의 위치를 ​​잘못 지정합니다.
Chrome : @page 여백이 내용과의 위치 충돌을 최소화하는 경우 브라우저 머리글/바닥글을 숨깁니다.

결론

@page 지시문은 제한된 제어를 제공할 수 있습니다. 프린터 설정 이상. Chrome은 머리글/바닥글 숨김 처리 기능이 탁월합니다. 그러나 모든 브라우저에서 일관된 지원이 부족하기 때문에 일관된 인쇄 경험을 보장하는 데 어려움이 있습니다.

위 내용은 브라우저 전반에 걸쳐 HTML 인쇄에 대한 프린터 설정을 어떻게 제어할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!