css3媒體查詢判斷移動設備橫豎屏

/* 設備豎屏時調用該段css代碼 */
@media all and (orientation : portrait){
body{
  background-color:blue;
 }
}
/* 設備橫屏時調用該段css代碼 */
@media all and (orientation : landscape){
body {
  background-color:red;
 }
}