/* 设备竖屏时调用该段css代码 */
@media all and (orientation : portrait){
body{
background-color:blue;
}
}
/* 设备横屏时调用该段css代码 */
@media all and (orientation : landscape){
body {
background-color:red;
}
}
css3媒体查询判断移动设备横竖屏,布布扣,bubuko.com
原文：http://www.cnblogs.com/xupeiyu/p/3927533.html