Media Queries: orientation

orientation：portrait | landscape

接受min/max前綴：是

portrait：

指定輸出設備中的頁面可見區域高度大于或等于寬度

landscape：

除portrait值情況外，都是landscape

• 本特性不接受min和max前綴。

  簡單列舉幾個應用示例：

  @media screen and (orientation:portrait){ … }
  @import url(example.css) screen and (orientation:landscape);

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持

1. 不支持嵌套媒體查詢。