CSS 서식 A4 인쇄

인쇄 할 때 웹 페이지의 특정 페이지 여백을 강제 설정하고 IE와 Firefox에 유효한 CSS 스타일을 코딩하려면 어떻게해야합니까?CSS 서식 A4 인쇄

출처

2009-04-28 Moutaz

미디어 유형 "인쇄"(@media 인쇄)를 사용하십시오.

고정 너비 또는 최대 너비를 설정하지 마십시오. 대신 내용물을 만드십시오. any를 (px, em, pt, cm)으로 지정하면 다른 브라우저가 다른 여백을 추가하기 때문에 항상 하나 또는 다른 문제가 발생합니다.

A4, letter, A3, 걱정하지 않아도됩니다. 귀하의 문서는 상관하지 않습니다. 사용자는 내용이 유동적이어서 사용할 수있는 용지에 문서를 인쇄 할 수 있습니다.

Find some tips about css for print here.

출처

2009-04-28 11:55:37 markus

많은 경우 우리는 페이지 머리말/꼬리말 및 관련 CSS 구현이 여전히 수년간 WIP이므로 페이지 크기에 신경을 썼습니다. 그렇지 않은 경우 잘 형식화 된 HTML 인쇄 문서의 경우 서버 측 PDF에 대한 표준은 없습니다. –

데니스와 동의합니다. 때때로 고객이 A4 용지를 인쇄하려고합니다. 이 답변에서 크기를 설정하면됩니다 : http://stackoverflow.com/a/16650459/291557. 나는 당신이 당신의 고객에게 말하지 않기를 바란다 : "CSS에서, 문서는 크기에 관심이 없다는 것을 알 수있다. 줄이 끊어 지거나 사물이 여러 페이지로 나눠져 있어도 그냥 흐른다. 우리는 보편적 인 크기로 디자인한다." –

한 가지 해결 방법은 대신 SVG를 사용하는 것입니다. SVG를 사용하면 다음과 같이 사용할 수 있습니다.

<svg width="19cm" height="26.5cm" viewBox="0 0 1900 2650" xmlns="http://www.w3.org/2000/svg" version="1.2">

그런 다음 모든 요소가 1900x2650보기 내에 있는지 확인하면됩니다.

이것은 불행히도 SVG에서 페이지를 "재생성"하는 것을 포함하지만 이는 상당히 불편합니다. 그래도 필요한 것 같습니다. HTML & CSS 솔루션은 콘텐츠가 단일 페이지로 의도 된 여러 페이지에 콘텐츠가 넘치지 않는다고 보장 할 수 없습니다.

출처

2014-03-09 03:34:04

CSS 서식 A4 인쇄

답변

관련 문제