3

私が言ったように質問が正確であるかどうかはわかりませんが、より良い方法を考えることはできないので、それを我慢してください。

目標： 1枚の紙W x Hに印刷したいブラウザウィンドウの領域があります。W x H

仮定：

  1. このページは静的なHTMLとCSSです。時間の経過とともに変化することはなく、操作することもできず、すべてのブラウザでまったく同じようにレンダリングされます。
  2. を使用@media printしdisplay: noneて、外部のすべてのクラスW x Hが印刷物に表示されないようにします。

考慮事項：

  1. W x H（としましょう）を指定するための最良のクロスプラットフォームの方法は何divですか？用紙サイズ、DPI、余白などに関して同じプリンタードライバー設定が与えられた場合、印刷時に同じサイズで表示されるようにする方法はありますか？画面のPPIは重要ですか？

  2. フォント。プリンタに必要なフォントがない可能性があります。Webフォントの場合、OSに必要なフォントがない可能性があります。これらを通過する「最良の」印刷方法はありますか？これを可能にするWebフォントを使用する特定の方法はありますか？または、プリンタのDPIでページをラスタライズして、画像のように印刷する方法はありますか？

4

1 に答える 1

0

それを行う汚い方法は、Web ページのスクリーンショットを作成し、そのスクリーンショットを別のもので印刷することです。そうすれば、あなたが見た通りにそれが出てくることを確実にしています。

例えば_

残念ながら、各ブラウザーのプリンター プレビューは、さまざまな方法で div を操作および理解します。それらのほとんどは、コンテンツを自動的にラップするだけです。これを回避する唯一の方法は、div に 1000px などの固定幅を指定し、{ overflow-x:auto; でスタイルを設定することです。オーバーフロー-y:非表示; }

フォントの場合、はい、ユーザーのコンピューターにフォントをインストールする方法があります。他の簡単な解決策は、それらを画像、つまり PNG にすることです。インストールするには、Google Web Fonts を確認してください (Google 検索でも同様の結果が得られます)。

于 2012-07-23T02:07:20.807 に答える