HTML 문서를 인쇄할 때 페이지 여백을 제어하는 ​​방법은 무엇입니까?

HTML 문서 인쇄를 위한 페이지 여백 제어

HTML 페이지를 인쇄할 때 용지에 올바른 형식을 보장하기 위해 여백을 제어하는 ​​것이 바람직한 경우가 많습니다. 그러나 기존 스타일 시트에서 여백을 설정하면 의도한 효과가 없을 수 있습니다.

인쇄용 여백 지정 방법

인쇄 출력용으로 특별히 여백을 지정하려면 다음과 같이 하세요. 픽셀 대신 센티미터(cm) 또는 밀리미터(mm)와 같은 단위를 사용하는 것이 좋습니다. 픽셀은 브라우저에 따라 다르게 변환되므로 종이에 일관된 결과가 나오지 않을 수 있습니다. 일관성을 위해 다음 코드를 사용하십시오.

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

참고: 이는 프린터의 인쇄 가능 영역이나 브라우저에서 제어하는 ​​여백을 조정하지 않습니다.

글꼴 크기 인쇄 시

글꼴 크기의 경우 인쇄 매체에서 픽셀 대신 포인트(pt)를 사용하세요.

<code class="css">p {
  font-size: 10pt;
}</code>

@page 지시어로 여백 제어

HTML 본문 외부의 여백을 포함하여 인쇄된 여백을 완전히 제어하려면 @page 지시어를 사용하세요.

<code class="css">@page {
  margin: 25mm 25mm 25mm 25mm;
}</code>

이 방법은 프린터의 여백 설정에 영향을 주지만 사용자는 여백 설정에서 계속 수정할 수 있습니다. 인쇄 미리 보기.

브라우저 고려 사항

IE7 이상과 같은 일부 브라우저에서는 페이지 크기를 최적의 크기로 자동 조정하므로 인쇄 출력이 왜곡될 수 있습니다. 이를 무시하려면 사용자는 "인쇄 미리 보기"를 선택하고 인쇄 크기를 100%로 설정해야 합니다.

관련 리소스

브라우저 인쇄 옵션 비활성화에 대한 자세한 내용은 다음을 참조하세요. 다음 응답에: https://stackoverflow.com/questions/3780990/disabling-browser-print-options-headers-footers-margins-from-page

위 내용은 HTML 문서를 인쇄할 때 페이지 여백을 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!