为了账号安全,请及时绑定邮箱和手机立即绑定

检测视口方向,如果方位是肖像显示警告信息,通知用户指示

/ 猿问

检测视口方向,如果方位是肖像显示警告信息,通知用户指示

跃然一笑 2019-07-22 15:47:43

检测视口方向,如果方位是肖像显示警告信息,通知用户指示

我正在建设一个专门为移动设备的网站。有一个页面,特别是在景观模式最好观看。

是否有一种方法可以检测访问该页面的用户是否正在以肖像模式查看该页面,如果是的话,则显示一条消息,通知用户页面最好是在景观模式下查看?如果用户已经在景观模式下查看它,则不会出现任何消息。

因此,基本上,我希望站点检测到视口方向,如果方向是肖像画,然后显示一条警告消息,通知用户此页最好在景物模式。


查看完整描述

3 回答

?
慕村225694
if(window.innerHeight > window.innerWidth){
    alert("Please use Landscape!");}

jQueryMobile有一个处理此属性更改的事件.如果你想警告,如果有人稍后旋转-orientationchange

另外,在谷歌搜索之后,查看一下window.orientation(我相信以度来衡量.)


查看完整回答
反对 回复 2019-07-22
?
MMMHUHU

您也可以使用window.matchMedia,因为它与CSS语法非常相似,所以我使用并更喜欢它:

if (window.matchMedia("(orientation: portrait)").matches) {
   // you're in PORTRAIT mode}if (window.matchMedia("(orientation: landscape)").matches) {
   // you're in LANDSCAPE mode}

在iPad 2上测试。


查看完整回答
反对 回复 2019-07-22
?
qq_遁去的一_1

大卫·沃尔什有一个更好的、切中要害的方法。

// Listen for orientation changeswindow.addEventListener("orientationchange", function() {
  // Announce the new orientation number
  alert(window.orientation);}, false);

在这些更改期间,window.定向属性可能会更改。值0表示纵向视图,-90表示设备向右旋转,90表示设备向左旋转。

http://davidwalsh.name/orientation-change


查看完整回答
反对 回复 2019-07-22

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信