在打印中使用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 */ 
}