2017-05-19 18 views
2

ウェブアプリケーションで2つのhtmlページを印刷しました。 最初のページは、A5サイズ、 、A4サイズで印刷する必要があります。 私はA4は、細かい作業 が、私はA5ページを印刷しようとするとされて Force A5 Chromeの印刷設定での用紙サイズCSS

@media print { 
    @page { 
     size: a4; 
     margin: 0; 
    } 
} 

@media print{ 
    @page { 
     size: a5 landscape; 
     margin: 0; 
    } 
} 

や他のファイルでA4の印刷設定とA5の印刷設定を強制しようとしました用紙サイズは、それはあなたが簡単に紙のCSS LIBによって用紙サイズ を定義するのに役立ちますよう

+0

最後にこれが働いていますか? – Aotik

+0

残念ながら私はまだ解決策を探しています:( – oldmayn

答えて

0

あなたは紙のCSSライブラリをusetでき を変更しません(ただし、風景モードが設定されています)負荷cssファイル

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.3.0/paper.css"> 

が、その後<head>一部

<style>@page { size: A5 }</style> 

にスタイルを設定するには、リンクをたどる詳細については、次の

<!-- Set "A5", "A4" or "A3" for class name --> 
<!-- Set also "landscape" if you need --> 
<body class="A5"> 

    <!-- Each sheet element should have the class "sheet" --> 
    <!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 --> 
    <section class="sheet padding-10mm"> 

    <!-- Write HTML just like a web page --> 
    <article>This is an A5 document.</article> 

    </section> 

</body> 

ようA5に身体クラスを設定します以下 https://github.com/cognitom/paper-css

関連する問題