css - 横向き印刷のメディアクエリ?

Question

印刷専用のスタイルがいくつかありますが、これらは印刷メディア クエリで正しく適用されています。問題は、横向き印刷に切り替えると私のレイアウトが少し壊れてしまうことです。そのためにいくつか調整したいと思います。横向き印刷のスタイルを定義する方法はありますか?

Answer 1

メディア クエリは、デバイスの向きに対してマッチングを提供します。

@media print and (orientation: landscape) {
    /* landscape styles */
}

@media print and (orientation: portrait) {
    /* portrait styles */
}