印刷時の要素の配置に問題があるサイトをデバッグしています (media="print" 属性を持つ link 要素によってリンクされた別の print.css ファイルがあります)。この問題は、IE7 および IE8 でのみ発生します。
私が探しているのは、印刷メディア タイプを使用してページを表示する方法ですが、IE8 の開発者ツールを使用して要素の詳細を表示したり、リアルタイムで編集したりできます。
私が探している機能は、Chris Pederick の Web Developer Extension for Firefox の「Display CSS by Media Type」機能に似ています。(しかし、この問題は Firefox では発生しません...サファリでも、IE6 でも発生します。)
私が常に行ってきたことは、無効にして (「screen」スタイル シートをコメント アウト)、media="print" スタイル シートを media="screen" に変換したことです。たくさんのテストページを印刷せずに知っている唯一の方法。
デバッグ セッションの印刷スタイルシートに screen 属性を割り当てる (そして screen バージョンを削除するか、media 属性を交換する) だけではどうですか?
私はいつも印刷プレビューを使用してきましたが、問題はありませんでした。IEで開くだけです。条件付きでターゲットにしますが、「ハック」も同様に機能します。
違いが見られます...他のリンク要素にはどのようなメディア属性がありますか？すべてに1つある場合は、type = "screen、projection">に切り替えます。