テキスト(font-sizeとfont-family)のみで構成されるWebサイトがあります。フォントサイズはmm単位で、使用されるフォントはTimes New Roman、Arial、CourierNewです。
私がすべての主要なブラウザでウェブサイトを印刷するとき、すべてのブラウザは何か他のことをします。スケーリングをオフにしました。
私は何か間違ったことをしているのですか、それともすべてのブラウザで紙の上で同じように見える(非常に)単純なWebページを持つことは不可能ですか?
印刷の場合、ブラウザが印刷時にのみ使用する特定のスタイルシートを設定できます。ここにいくつかの優れたリソースがあります。
http://www.webdesignerdepot.com/2010/01/10-tips-for-better-print-style-sheets/-これは特に良いです、特に完全なリンクを含めることについての部分
a:link:after { content: " (" attr(href) ") "; }
http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
そこではメディアクエリの使用法がいくつかありますが、印刷用の特定のスタイルシートを含める基本的な方法は次のようなものです。
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
記事の周囲を可能な限り取り除き、ユーザーが望むものを提供することをお勧めします。シンプルなスタイルを使用すると、ブラウザー間での作業も簡単になります。
結局のところ、いいえ。近づけることはできますが、必ずしも同じになるとは限りません。
編集:
反対票を受け取ったので説明させてください。これを機能させる保証された方法はありません。すべてのブラウザーとバージョンは多少異なるため、Web ページがすべてのブラウザーで同じように表示または印刷されることを保証する方法はありません。
「リセット css」を追加して、すべてのブラウザーを共通の開始点に設定することから始めます。「CSS のリセット」を検索すると、さまざまな情報が得られるはずです。
あなたのコメントに関して、そして部分的な答えとして、常にフリーフォントのみを使用してください。たとえば、Times New Romanはそうではなく (Linux ユーザーとして私は持っていません)、Liberation Serif を優先する必要があります (Arial を Liberation Sans Narrow に置き換える必要があるように)。
フォントに関する文体の自由度を高めるには、Google Fontsを使用できます。
また、ブラウザ表示と印刷の両方で、フォームにまったく同じ入力を入れることはできないことに注意してください。
あなたのニーズに正確に一致する印刷版が必要な場合(ページネーションを含む)、私のページのPDF版を構築するリンクを追加します.
ユーザーが印刷するページが必要なときは、完全に別の html ファイルを作成する必要がありました。これは、古い表ベースのレイアウトを使用していましたreset.css
が、まだいくつかの違いがありました (Chrome では IE よりもマージンが小さかったなど)。(主にテーブル ベースのレイアウトのため) 見苦しいですが、このように、サイズとレイアウトは少なくとも同じです。