媒體查詢，橫豎屏

orientation

語法：

orientation：portrait | landscape

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

landscape：除portrait值狀況外，都是landscape

 1 @media screen and (orientation: portrait){
 2   .test::after {
 3     content: "豎屏";
 4   }
 5 }
 6 @media screen and (orientation: landscape){
 7   .test::after {
 8     content: "橫屏";
 9   }
10 }