2

その印刷について、および印刷のみ。

CSS:

@page {
    size: A4 portrait;
}
@page :first{
    size: 210mm 1000mm;
}

CSS で定義されているように、最初のページのみ高さ 1000 mm、残りのページは高さ 297 mm (A4) にする必要があります。

しかし Chrome では、2 ページ目から 297mm のように見えますが、すべてのコンテンツが消えています。

自分で試してみてください。Google Chrome を使用してhttp://fiddle.jshell.net/T4nnG/1/show/ を開いて印刷してみてください。プレビューを見てください。

「PDF として保存」を使用するとより鮮明に表示されますが、実際のプリンターを選択すると、最初のページが縮小されます、バグは同じです

Chrome だけかもしれませんが、私は Chrome 用のアプリしか使っていないので、Chrome で動作する限りは満足​​です。

私は何か間違ったことをしましたか？正しい CSS に関するアドバイスをお願いします。

4

2 に答える 2

1

これを CSS に追加します。

@media print  
{
    div{
        page-break-inside: avoid;
    }
}

それはあなたの問題を解決しますか？

于 2014-03-22T16:12:25.320 に答える