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

分类: IT文章 • 2022-10-11 23:58:09

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