css3媒体查询判断移动设备横竖屏

/* 设备竖屏时调用该段css代码 */
@media all and (orientation : portrait){
body{
  background-color:blue;
 }
}
/* 设备横屏时调用该段css代码 */
@media all and (orientation : landscape){
body {
  background-color:red;
 }
}

转载于:https://www.cnblogs.com/xupeiyu/p/3927533.html