【发布时间】：2013-10-17 19:16:09
【问题描述】：
为了确定屏幕尺寸，我使用的是media queries，但我想确定设备是否在portrait or landscape mode using CSS 中，这样我就可以根据屏幕尺寸获得不同的背景图像。
有什么想法吗？
【问题讨论】：
标签： css responsive-design media-queries landscape-portrait
【发布时间】：2013-10-17 19:16:09
【问题描述】：
只需为横向和纵向模式编写媒体查询：
/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
/* Landscape styles */
}
【讨论】：
-
在 HTML5 中 media screen 变成 media all，见：stackoverflow.com/questions/12549267/media-all-vs-media-screen