銀行の Web サイトからページを印刷しました。私のデータのあるページとは別に、ロゴ、ヘッダー、フッターなどだけのページが 5 つありました。ページも。
では、なぜそんなに難しいのでしょうか。私たちは Web ページのデザイナー、ブラウザー、または誰を責めているのでしょうか? 私はこれが成熟した技術であり、これらのばかげた小さな愚か者に苦しんでいると思っていたでしょう.
「印刷プレビュー」から印刷すると、プレビューとは異なるものが得られる理由が特にわかりません。
銀行の Web サイトからページを印刷しました。私のデータのあるページとは別に、ロゴ、ヘッダー、フッターなどだけのページが 5 つありました。ページも。
では、なぜそんなに難しいのでしょうか。私たちは Web ページのデザイナー、ブラウザー、または誰を責めているのでしょうか? 私はこれが成熟した技術であり、これらのばかげた小さな愚か者に苦しんでいると思っていたでしょう.
「印刷プレビュー」から印刷すると、プレビューとは異なるものが得られる理由が特にわかりません。
これに関するプログラミングの観点を探している場合は、難しいです。画面のサイズと解像度は、印刷されたページのサイズと解像度とは異なるためです。したがって、ほとんどのページは自動的にうまく印刷されません。印刷出力に固有の CSS を追加するかどうかは、Web デザイナー次第です。
<link rel="stylesheet" type="text/css" media="print" href="print-only.css" />
ほとんどの Web デザイナーは、自分のページを印刷する特別な理由がない限りこれを行うのが面倒なので、ほとんどのページはうまく印刷されません。
ここから:
印刷に関する最も一般的な問題の 2 つは、静的以外の位置決め (例えば、位置: 絶対) が使用されている場合、またはフロートがある場合に発生します。
開発者は、適切な方法で印刷できるように、特定のページの特別なバージョンを作成することができます。これは、CSS でメディア タイプ「print」を使用して実現できます。
詳細については、次のページを参照してください。
せいぜい、Web ページはさまざまな画面サイズで流れてスクロールするように設計されています。最悪の場合、それらは 1 つのサイズの画面でしか機能しません。印刷されたページには、スクロールではなくページネーションがあり、固定サイズが使用されます。
Leniel が言うように、CSSメディア タイプは、印刷されたページにさまざまなスタイルを提供するための適切なメカニズムを提供しますが、私の経験では、CSS メディア タイプを使用しているサイトは多くありません。