Chrome不支持css @page？

我已經CSS打印這麼簡單：Chrome不支持css @page？

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

但Chrome的打印預覽和保存爲PDF，似乎完全不認識到這一點。如何正確設置頁眉和頁腳時冒險？

編輯：@page由無ref

支持，但我有其他的選擇來做到這一點。我不在網站上工作。該產品只需要一個pdf。我可以接受chrome，webkit，plantomjs等

來源

2014-01-06 hbrls

這簡直就是CSS規範的一個區域，它只有很少的瀏覽器支持。你可能會得到一些工作，在有限的瀏覽器選擇，與這個問題的答案：http://stackoverflow.com/questions/15797161/browser-support-for-css-page-numbers –

@StevenDon有趣的，'@頁面「全部不支持[參考]（http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29）。爲什麼網上有這麼多的帖子展示類似的代碼。 – hbrls

近，我能確定，頁面媒體CSS功能主要爲着色用於打印，而不是渲染畫面（瀏覽器）系統或系統的打印功能瀏覽器。 Prince的一個用於打印的HTML/CSS引擎的例子。所以，@page不會在瀏覽器中工作，也不會（據我所知）是它的意圖。

來源

2016-01-21 20:14:23

我不敢相信爲Web平臺設計的模塊是由那些對Web平臺*中的這些特性*的需求無知的人設計的。您的普通網絡用戶對命令行知之甚少，但通常需要打印文章，討論，書籍，報告等。 – tuespetre

我完全不理解你的評論。你認爲這個模塊的設計者真實的相關性是什麼？瀏覽器窗口不是分頁介質。 –

我知道瀏覽器窗口不是一個分頁媒體，但瀏覽器的打印（和打印預覽）功能可以說是，它是一個普遍的（不像王子） – tuespetre

Chrome不支持css @page？

回答

相關問題