私は、主に印刷用に設計された完全に流動的な Web サイトを持っています。ウィンドウや用紙のサイズに合わせて美しく伸縮します。
body { width: 100%; }
ただし、印刷されたページでは、黒い線とテキストの一部が灰色になり、1px
線が実線として印刷されず、ぼやけた灰色の点線になります。これは、IE の「Shrink To Fit」のように、ブラウザが印刷時にページを拡大縮小しているためと思われます。
したがって、2つのオプションがあります。
印刷に適した css ユニットを使用して線幅とフォント サイズを指定します。すべてがピクセル単位で指定されていると、ページを適切に印刷するためのブラウザーの組み込みメカニズムと競合する可能性があります。この質問はその一部で機能しますが、あまり成功していません。
8.5インチ幅の用紙で線が実線になり、テキストが黒くなる幅 (????)を
body
求めます8.5in
。7.5in
90%
800px
どのアプローチが成功する可能性が高いですか?