我可以使用jquery确定设备是处于纵向还是横向模式？

Question

我想根据用于查看网站的设备是纵向/纵向还是横向/横向模式/方向，有条件地改变用户在我要创建的照片库网站上看到的内容。这可能吗？

Answer 1

尝试orientationchange事件处理程序，如下所示：

$(window).bind("orientationchange", function(evt){
    alert(evt.orientation);
});

以下是检测和解除orientationchange事件的jQuery Mobile entry。

Answer 2

如果您只是更改布局，请考虑使用CSS Media Queries。

在Chrome 7和Firefox 3.6中，您可以收听deviceorientation event。

---

在回复您的评论时，检测平板电脑和手机的一种简单方法是检测屏幕分辨率和大小。平板电脑通常具有比手机更高的显示分辨率。媒体查询可以确定这些因素。

至于平板电话选项

• 如果您的设备是手机，则可以根据设备方向使用媒体查询切换CSS。

• 如果设备是平板电脑，您可以使用机身ID /类切换或通过交换样式表来使用JS切换CSS。