Pixel-Perfect CSS 레이아웃을 만드는 제안?

Question

한 비즈니스 목표는 화면에서 픽셀 완벽한 양식을 작성해야합니다. 사용자 가이 양식을 인쇄하면 미국 정부 인쇄 사무소 버전과 정확히 일치합니다. 프린터는이 문서의 (합리적으로) 스캔 가능한 사본을 생성합니다. 이전 솔루션은 PDF이며, 이는 특정 지점에서만 작동합니다.

나는 HTML/CSS에 기대고 있으며이를 지원하기위한 도구에 대한 제안을 원합니다.

도구의 경우 Firefox의 PixelperFect가 좋은 출발 인 것 같습니다. 이를위한 대상 플랫폼은 (드럼 롤) IE6입니다. 문서는 다음과 같습니다 이것.

HTML/CSS가 완전하지 않은 경우 Adobe Flex가 다음 선택입니다.

Answer 1

딘, 체크 아웃 왕자. Bert Bos와 Håkon Wium Lie는 생산에 사용했습니다. CSS에 대한 그들의 책. 그들은 그것에 대해 조금 설명합니다. 기사.

Answer 2

Pixel Perfect Printing이 목표이며 PDF조차도 거기에 도착하지 않으면 브라우저에서 인쇄를 바로 포기할 수 있습니다. 클라이언트 측에서 렌더링 할 때 너무 많은 변수가 있습니다 : 다른 브라우저 (IE6? Good Luck!)에서 다른 글꼴, 사용자 설정, A4 대 글자 크기 용지에 이르기까지.

PDF가 왜 적합하지 않은지 물어봐도 될까요?

Answer 3

나는 픽셀-완벽한 레이아웃이 HTML/CSS, 특히 형태로 달성하기가 매우 어렵다는 데 동의합니다. 그러나 PDFS는 외부 웹 양식에서 입력을 받거나 채워질 때 인쇄 할 텍스트 필드를 가질 수 있다고 생각합니다.

PDF에 대한 Flex 출력은 좋은 생각이지만 Flex를 렌더링 엔진으로 사용하면 너무 많은 도움이 될 것이라고 생각하지 않습니다.

또 다른 옵션은 PDF를 만들고 서버 측 Langage를 사용하여 이전 웹 포름의 필드로 사용자 정의하고 결과를 출력하는 것입니다. (Ruby/Django/PHP로 쉽게 수행 할 수 있습니다. 좋은 PDF 라이브러리가 있습니다.)

Answer 4

먼저, 픽셀을 포기하십시오. 당신이 찾고있는 것은 인쇄 스타일 시트이며, 물리적 단위 (cm/인치), PT의 글꼴 크기 등을 사용하여 지정된 모든 것이 포함되어 있습니다. 화면에 표시되는 내용, 글꼴 크기 및 픽셀 패스 펙트인지 또는 귀하의 요구 사항과 관련이없는 것 같습니다 스캔 가능한 사본 생성.

문제는 이제 물리적 단위와 인쇄 스타일 시트에 대한 IE6 지원이 충분히 완료됩니까? 클라이언트를위한 인쇄 스타일 시트를 만든 경험을 감안할 때, 즉, 잘못 보면 인쇄 과정에서 단순히 충돌하는 경우, 나는 당신이 다루는 형태의 복잡성이 아니라 가능성이 없다고 말할 것입니다.

Answer 5

렌더러 (예 : Acrobat 등)가 망가진 것에 대해 걱정된다면 항상 서버에서 양식을 렌더링하고 사용자에게 이미지를 제공 할 수 있습니다.