如何確定設備是否使用CSS縱向或橫向模式

Question

確定屏幕尺寸我使用的是media queries，但我想確定設備是否在portrait or landscape mode using CSS中，以便我可以根據屏幕尺寸獲得不同的背景圖像。

有什麼想法？

Answer 1

只需編寫媒體查詢的風景和肖像模式：

/* Portrait */ 
@media screen and (orientation:portrait) { 
/* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
/* Landscape styles */ 
} 

link here