所有台式机/笔记本电脑显示器的方向是否与iPad等设备上的横向相似？

Question

两者之间有什么区别吗？

body {background:red}

@media only screen and  (orientation : landscape) {
    body {background:blue}
}

Answer 1

所有桌面/笔记本电脑显示器的方向是否与iPad等设备上的横向方向类似？

不,他们不是.的orientation是基于窗口的宽度和高度.

横向模式是指窗口宽度大于窗口高度时.

纵向模式是窗口高度大于窗口宽度时.

你可以用你的例子看到这个:http://jsfiddle.net/tw16/EaHhU/
调整结果窗口的宽度以匹配上面的场景,你会看到颜色的变化.

桌面浏览器支持:Firefox 3.5 +,谷歌Chrome 5 +,Opera 10.6 +,Safari 4+

移动浏览器支持:Android 2 +,iOS4,移动Firefox.