2014-01-06 3 views
7

은 내가이만큼 간단한 인쇄를위한 CSS했다 :Chrome에서 css @page를 지원하지 않습니까?

@page { 
    @top-left { 
    content: "TOP SECRET"; 
    color: red 
    } 
    @bottom-center { 
    content: counter(page); 
    font-style: italic 
    } 
} 

그러나 PDF에 크롬 인쇄 미리보기 및 저장은 모든이를 인식하지 않는 것 같다. 프레이밍 할 때 어떻게 머리글과 바닥 글을 올바르게 설정할 수 있습니까?

편집 : @page는, 그러나

없음 ref 지원 나는이 작업을 수행하는 다른 선택의 여지가 할 수있다. 나는 웹 사이트에서 일하고 있지 않다. 제품은 결과로만 pdf를 원합니다. 나는 받아 들일 수 chrome, webkit, plantomjs 등 내가, 페이징 미디어에 대한 CSS 기능은 오히려 화면 (브라우저)에 대한 렌더링 시스템보다, 인쇄 렌더링 시스템이나의 인쇄 기능에 대해 주로 있습니다 결정할 수있는 가까운

+1

아주 간단한 브라우저 지원이있는 CSS 사양 영역입니다. 제한된 브라우저를 선택하여이 질문에 대한 답변을 얻을 수 있습니다. http://stackoverflow.com/questions/15797161/browser-support-for-css-page-numbers –

+4

@StevenDon interesting,'@ 페이지 '는 지원되지 않습니다. [http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29]. 비슷한 코드를 보여주는 웹을 통해 너무 많은 게시물이있는 이유는 무엇입니까? – hbrls

답변

0

브라우저. 인쇄용 HTML/CSS 엔진의 예로는 Prince가 있습니다. 따라서 @page는 브라우저에서 작동하지 않으며 (내가 아는 한) 의도 된 것이 아닙니다.

+2

나는 웹 플랫폼을 위해 고안된 모듈이 웹 플랫폼 *에서 그러한 기능의 필요성에 대해 모르는 사람들에 의해 고안되었다고 생각하지 않을 것입니다. 평범한 웹 사용자는 명령 줄을 거의 알지 못하지만 기사, 토론, 서적, 보고서 등을 인쇄해야하는 경우가 종종 있습니다. – tuespetre

+1

나는 당신의 코멘트를 전혀 모른다. 이 모듈의 디자이너들에게 당신이 믿는 바의 관련성은 무엇입니까? 브라우저 창은 페이지 된 매체가 아닙니다. –

+2

브라우저 창은 페이징 된 매체가 아니라 브라우저의 인쇄 (및 인쇄 미리보기) 기능이 틀림 없다는 것을 이해합니다. 프린스와 달리 그 부분에는 널리 퍼져 있습니다. – tuespetre

관련 문제