当前位置 : 主页 > 网页制作 > css >

css3 – 如何使用CSS确定设备是处于纵向还是横向模式

来源:互联网 收集:自由互联 发布时间:2021-06-13
为了确定屏幕尺寸我正在使用媒体查询,但我想确定设备是使用CSS处于纵向还是横向模式,这样我就可以根据屏幕尺寸拥有不同的背景图像. 有什么想法吗? 只需为横向和纵向模式编写媒
为了确定屏幕尺寸我正在使用媒体查询,但我想确定设备是使用CSS处于纵向还是横向模式,这样我就可以根据屏幕尺寸拥有不同的背景图像.

有什么想法吗?

只需为横向和纵向模式编写媒体查询:

/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
/* Landscape styles */
}

link here

网友评论