我正在建立一个专门针对移动设备的网站.有一个页面尤其适合在横向模式下查看.
有没有办法检测访问该页面的用户是否在纵向模式下查看该页面，如果是，则显示一条消息，通知用户该页面最好在横向模式下查看？如果用户已经在横向模式下查看，则不会出现任何消息.
因此，基本上，我希望站点检测视口方向，如果方向为Portrait，则显示一条警告消息，建议用户最好在Landscape模式下查看此页面.
我正在建立一个专门针对移动设备的网站.有一个页面尤其适合在横向模式下查看.
有没有办法检测访问该页面的用户是否在纵向模式下查看该页面，如果是，则显示一条消息，通知用户该页面最好在横向模式下查看？如果用户已经在横向模式下查看，则不会出现任何消息.
因此，基本上，我希望站点检测视口方向，如果方向为Portrait，则显示一条警告消息，建议用户最好在Landscape模式下查看此页面.
if(window.innerHeight > window.innerWidth){
alert("Please use Landscape!");
}
jQuery Mobile有一个处理此属性更改的事件...如果你想在有人稍后轮换时发出警告-orientationchange
另外，在谷歌搜索之后，查看window.orientation(我相信是用度来衡量的…)
EDIT:在移动设备上，如果你打开键盘，上面的操作可能会失败，所以可以使用screen.availHeight和screen.availWidth，这样即使在键盘打开后也能提供适当的高度和宽度.
if(screen.availHeight > screen.availWidth){
alert("Please use Landscape!");
}