5

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

4

2 回答 2

6

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

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

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

于 2013-04-12T21:01:33.980 回答
1

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

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

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

至于平板手机选项

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

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

于 2013-04-12T21:00:21.773 回答