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

前端之家收集整理的这篇文章主要介绍了css – 所有台式机/笔记本电脑显示器的方向是否与iPad等设备上的横向相似?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所有台式机/笔记本电脑显示器的方向是否与iPad等设备上的横向相似?

两者之间有什么区别吗?

body {background:red}

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

解决方法

Are all Desktop/laptop Monitor’s orientation similar to Landscape orientation on devices like iPad?

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

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

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

你可以使用你的例子看到这个:http://jsfiddle.net/tw16/EaHhU/
调整结果窗口的宽度以匹配上述方案,您将看到颜色更改.

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

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

猜你在找的CSS相关文章