在打印中使用 CSS 检测页面方向

Question

我想使用 CSS 样式来检测打印时的页面方向，然后在用户选择不同的方向（横向或纵向）时应用不同的样式。

@media print{ /*portrait*/  /*landscape*/}

有什么办法吗？

谢谢

Answer 1

使用 orientation: ... 媒体选择器。这是一个例子：

@media print and (orientation: portrait) {
    /* Your code for portrait orientation */
}
@media print and (orientation: landscape) {
    /* Your code for landscape orientation */
}

在打印中使用 CSS 检测页面方向

Use CSS Detect Page Orientation in Printing

css

printing

orientation