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

Question

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

Answer 1

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

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

这是关于检测和触发事件的jQuery Mobile 条目。orientationchange

Answer 2

如果您只是更改布局，请考虑使用CSS 媒体查询。

在 Chrome 7 和 Firefox 3.6 中，您可以收听该deviceorientation事件。

---

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

至于平板手机选项

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

• 如果设备是平板电脑，您可以使用 JS 使用 body id/class 切换或换出样式表来切换 CSS。