当前位置: 首页 > 面试题库 >

检测视口方向(如果方向为纵向显示警报消息,建议用户进行说明)

汝跃
2023-03-14
问题内容

我正在建立一个专门针对移动设备的网站。特别是一页,最好在横向模式下查看。

有没有一种方法可以检测访问该页面的用户是否正在以“纵向”模式查看该页面,如果显示,则显示一条消息,通知用户该页面在横向模式下的浏览效果最佳?如果用户已经在横向模式下查看它,则不会出现任何消​​息。

因此,基本上,我希望站点检测视口的方向,如果方向是 纵向 ,则显示一条警告消息,通知用户该页面最好在 横向 模式下查看。


问题答案:
if(window.innerHeight > window.innerWidth){
    alert("Please use Landscape!");
}

jQuery Mobile有一个处理此属性更改的事件……如果您想在以后有人旋转时发出警告,
orientationchange

另外,经过一番谷歌搜索后,检查一下window.orientation(我相信这是度数…)



 类似资料:
  • setPrintedPortrait(): self 实例 $config = ['path' => './tests']; $excel = new \Vtiful\Kernel\Excel($config); ​ $excel->fileName('printed_portrait.xlsx', 'sheet1') ->setPrintedPortrait() // 设置打印方向为

  • 问题内容: 因此,我正在尝试使用JavaScript 调用函数。但是我想知道是否可以在不使用jQuery的情况下检测滚动方向。如果没有,那么有什么解决方法吗? 我本来只是想放一个“置顶”按钮,但我想避免这种情况。 我现在刚刚尝试使用此代码,但是没有用: 问题答案: 可以通过存储先前的scrollTop值并将其与当前scrollTop值进行比较来检测到它。 JS:

  • 问题内容: 我需要检测设备何时处于纵向方向,以便可以触发特殊的动画。但是我不希望我的观点自动旋转。 将设备旋转到纵向时,如何覆盖自动旋转的视图?我的应用程序仅需要以横向显示视图,但是如果我想能够检测到纵向旋转,似乎还需要支持纵向。 问题答案: 当应用程序加载或视图加载时,尝试执行以下操作: 然后添加以下方法: 以上内容可让您注册设备的方向更改,而无需启用视图的自动旋转。 在iOS的所有情况下,当您

  • 我有Omnipay功能完美地在我的支付网关,但当系统重定向到PayPal我得到以下屏幕上重定向到PayPal之前: 重定向到https://www.sandbox.paypal.com/cgi-bin/webscr?cmd=_express-checkout 我想知道的是,如果有人知道如何停止页面显示并直接重定向到没有这个中间页面的PayPal。我的重定向代码如下:

  • 问题内容: 我使用的是Swift,我希望能够在旋转到风景时加载UIViewController,有人可以指出正确的方向吗? 我在网上找不到任何东西,并且对文档有些困惑。 问题答案: 这是我的工作方式: 在里面 我把函数: 然后在AppDelegate类中放入以下函数: 希望这对其他人有帮助! 谢谢!

  • 我使用Owl Carousel在带有Javascript和jQuery的Carousel中显示图像。我有肖像和风景图片,还有CSS: 横向图像遵守宽度的100%限制,全图显示在屏幕上;肖像图像不符合100%的高度限制,图片显示在一个或两个屏幕上,需要向下滚动。我希望纵向图片能够调整大小,并在横向屏幕上完全显示,就像我希望横向图片能够在纵向屏幕上完全显示一样。 我用CSS尝试了最大高度和最大宽度的解