6

以下のページを Safari/Chrome で印刷すると、コンテンツ (基本的にはページ上のすべて) がページの左側 (ページの幅の約 60%) に押し込まれます。

ただし、FireFox と IE 7 では、印刷されたページはコンテンツを全幅で表示します (そして、とても見栄えがします)。すべてのレイアウト要素のサイズを 100% 幅に変更しました (!important を使用して適用されていることを確認します) が、Safari/Chrome はまだ全幅を印刷しません。

私が参照しているページは次のとおりです: http://archstl.org/commoffice/press-release/2010/local-catholic-principal-honored-fi

Webkit (1 つ目) と Gecko (2 つ目) の違いの画像は次のとおりです: (ソース: skitch.com )Webkit の印刷レンダリング

Gecko の印刷レンダリング
（出典：skitch.com）

4

2 に答える 2

1

印刷用スタイルシートを改善する試みをこれ以上あきらめることにしました。代わりに、さまざまなブラウザーでの奇妙なスペースの問題を受け入れることにしました。

ただし、印刷用にページのスタイルを設定しようとしている人には、メイン サイトのスタイルシートに @all の代わりに @screen を使用することを検討することをお勧めします。これにより、より複雑なレイアウトでの印刷用のスタイリングが簡単になります。

とにかく、私たちは 21 世紀に移り、印刷のことを忘れるべきです ;-)

于 2011-02-15T21:26:12.427 に答える
1

申し訳ありませんが、実際には回答ではなくコメントです（まだコメントできません）が、すでにシートを印刷してみましたか？そうでない場合は、試してみてください。

また、print.css を確認しました。よくわかりませんが、フォントサイズを確認できるかもしれません。em の代わりに最初にピクセルを使用してみてください。em はベース フォント サイズに相対的であるため、ブラウザーによって異なる場合があります。次のように、ボディ スタイルに固定フォント サイズを追加することで、これを修正できます。

body { font-size: 13px; }

次に、他の人に em を使用し続けます。

于 2010-05-20T16:32:45.537 に答える