我可以确定如果一个设备是在纵向或横向模式使用jquery

Can I determine if a device is in portrait or landscape mode using jquery?

本文关键字：横向 模式 jquery 如果 一个 我可以      更新时间：2023-09-26

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

试试orientationchange事件处理程序，像这样:

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

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

如果你只是改变布局，考虑CSS媒体查询。

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

回应你的评论，检测平板电脑和手机的一个简单方法是检测屏幕分辨率和尺寸。平板电脑的显示分辨率通常高于手机。媒体查询可以确定这些因素。

关于平板手机选项

  • 如果你的设备是手机，你可以根据设备的方向使用Media Queries来切换CSS

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

相关文章：