HTMLでA4ページをシミュレートする [重複] 質問する

HTMLでA4ページをシミュレートする [重複] 質問する

A4 用紙サイズの HTML ページを作成する必要があります。

A4用紙のサイズはピクセル単位で次のようになります595px x 842px:(弦番号10-11)。しかし、これらのサイズを入力してページを印刷しようとすると(一時的なインク不足のため、PDF ファイルに印刷します)、HTML がページに完全に収まらず、はるかに小さくなります。

ピクセルを追加しようとしたとき(もちろん係数を使って)、794px x 1122px弦番号12-13)、そして 2 回目の印刷 (PDF ファイルに保存) を試行したところ、このバリアントは必要以上に少し大きいという結果になりました。

では、解決策は何でしょうか。また、595px x 842pxPDF に保存された実際の A4 と互換性がないのはなぜでしょうか。

これは例です

PS 私は Ubuntu 13.10 で Chromium を使用しており、Windows では確認していません。

私はPHPで値を変更し、HTMLページをPDFに変換できるようにするためにこれを行っています。ここで説明

ベストアンサー1

HTML では、画面が 96 DPI であること、つまり 1 ピクセルが 1/96 インチであることを前提としています。

非常に高解像度のハードウェアでは、論理ピクセルは1/96インチに近い単位で、それぞれ複数のデバイスピクセルこれはプリンターだけでなく、携帯電話や高解像度の画面を備えたその他のデバイスにも当てはまります。

したがって、A4 (21 × 29.7 cm) と同じサイズの長方形が必要な場合は、794 × 1122 ピクセル、または CSS を使用する必要があります。ただし、これらの論理ピクセルを気にしたくない場合はwidth:794px; height:1122px、物理単位を使用することもできます。width:21cm; height:29.7cm

おすすめ記事