印刷時に CSS 中の @media print が適用されない

Question

#前提・実現したいこと
Chrome のレンダリングでは問題ないが、印刷時に CSS 中の @media print が適用されない。

#発生している問題

####Chrome 56

• レンダリングで print をエミュレート --- 正しく反映される
• 印刷プレビュー --- 反映されない
• 実際の印刷 --- 反映されない

####IE11

• 実際の印刷 --- 反映されない

#質問
Chrome のレンダリング時と実際の印刷とが食い違う原因として、何が考えられるでしょうか？

Comments

[namimon]

cssとhtmlの記述をお願いします。

[gin]

どう反映されないのか詳しく書いてください。一切反映されないのか、一部だけ反映されないのか。「レンダリングで print をエミュレート」しているものを印刷表示してもダメなのか。

Answer 1

@media print が別のメディアクエリの中に入っていたのが原因でした。

Answer 2

デバッグしてはいかがでしょうか。

印刷用CSS（@media print）を確認・デバッグする方法